在Vue.js开发中，Vue-CLI是一个非常受欢迎的脚手架工具，它可以帮助开发者快速搭建项目框架。然而，在使用Vue-CLI的过程中，难免会遇到各种故障。本文将揭秘Vue-CLI中常见的故障，并提供相应的排查和修复方法，帮助你的项目重回正轨。
一、故障一：卡在“after emitting CopyPlugin”
问题描述
：在运行项目时，有时会出现卡在“after emitting CopyPlugin”的情况，显示进度条停在98%。
排查方法
：
尝试替换npm为yarn或cnpm。
升级webpack到v4.28.4及以上版本。
重新执行
npm install
。
逐个路由排查，找到具体问题。
修复方法
：
通过以上方法，如果问题依旧存在，可以尝试以下步骤：
确认Vue-CLI版本是否为最新，如不是，请更新到最新版本。
检查项目配置文件，确保没有配置错误。
重装Vue-CLI。
二、故障二：在其他磁盘创建项目出现错误
问题描述
：使用Vue CLI在其他磁盘创建项目时，可能会遇到错误提示。
排查方法
：
使用
winr
打开终端时默认位置为C盘，但Vue CLI不接受绝对路径作为参数。
使用控制台指令跳转到目的磁盘或文件夹。
修复方法
：
使用管理员身份打开终端或命令提示符。
跳转到其他磁盘，然后使用
vue create Vue项目名称
创建Vue项目。
三、故障三：“vue-cli-service”不是内部或外部命令
问题描述
：运行项目时，出现“vue-cli-service”不是内部或外部命令的错误。
排查方法
：
在
package.json
配置文件中查看是否有
vue-cli-server
，如果没有则安装。
检查
node_modules
工程模块是否存在，如果不存在则安装。
检查网络是否稳定，避免下载包缺失。
修复方法
：
安装
vue-cli-server
：
npm i -D @vue/cli-service
重启编辑器，重新启动项目。
四、故障四：内存暴涨卡死电脑
问题描述
：在开发Vue项目时，电脑突然卡死，内存占用100%。
排查方法
：
检查node.js进程，查看内存占用情况。
排查项目依赖，查找可能导致内存泄露的组件或库。
修复方法
：
尝试更新项目依赖，修复已知问题。
使用SASS预处理器dart-sass替换node-sass。
五、故障五：node版本过高导致项目无法运行
问题描述
：在使用过高版本的node.js时，项目无法运行。
排查方法
：
使用nvm安装不同版本的node.js。
切换到合适的node.js版本。
修复方法
：
使用nvm安装指定版本的node.js：
nvm install
切换到指定版本：
nvm use
总结
Vue-CLI虽然在开发过程中提供了许多便利，但同时也可能出现各种故障。通过本文介绍的排查和修复方法，相信你可以轻松解决Vue-CLI中的常见故障，让你的项目重回正轨。