关于安装及运行Vue的一些错误集锦

vue安装中遇到的问题

1、文字乱码
2、npm依赖下载报错：Hostname/IP deos not match certificate’s altnames
3、vue 无法加载文件，因为在此系统中禁止运作脚本。请参阅http://go.microsoft.com/fwlink/?LinkID=135170中的about_Exection_prolicies
4、创建vue项目时报错
5、提示rollbackFailedOptional:verb npm-session
6、‘vue-cli-service’ 不是内部或外部命令，也不是可运行的程序
或批处理文件。
7、cnpm : 无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。
8、因为依赖报了一推错，解决冲突。
9、执行npm install报：报错4048
10、npm run serve时Invalid options in vue.config.js: “publicPath” is not allowed
11、npm reason: certificate has expired
12、运行vue项目的时候，报错 error:0308010C:digital envelope routines::unsupported
13、执行npm run serve的时候 报内存错误FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory

解决办法

1、文字乱码

解决办法：在命令行输入：

CHCP 65001

2、npm依赖下载报错：Hostname/IP deos not match certificate’s altnames

解决办法：在命令行输入：

npm set strict-ssl false
npm config set registry http://registry.npmjs.org/

3、vue 无法加载文件，因为在此系统中禁止运作脚本。请参阅http://go.microsoft.com/fwlink/?LinkID=135170中的about_Exection_prolicies
在使用 vue init webpack 项目文件名 时报如上错误。
解决办法：使用管理员身份在命令行输入：

set-ExecutionPolicy RemoteSigned

4、创建vue项目时报错

如下：

该问题是vue-cli脚手架的一个bug，原因是chromedriver的部分文件被国内网络给墙掉了，无法下载完整的chromedirver包，解决办法：npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver

5、提示rollbackFailedOptional:verb npm-session
这个问题是我在命令行中安装vue时报的错
解决办法：这个其实是代理地址问题，在命令行使用如下命令即可：

npm cache claen --force
npm config set proxy null
npm config https-proxy null
npm config set registry http://registry.cnpmjs.org/

安装淘宝镜像之后，再执行：

cnpm install -g vue-cli

6、 ‘vue-cli-service’ 不是内部或外部命令，也不是可运行的程序
或批处理文件。

方法：删除掉原来的 node文件，重新执行 npm install
7、cnpm : 无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。
方法：npm install -g cnpm --registry=https://registry.npm.taobao.org
删除掉原来的 node文件，重新执行 npm install

8、解决版本冲突问题：Fix the upstream dependency conflict, or retrynpm ERR! this command with --force, or --leg
方法：在终端窗口执行命令：npm install --legacy-peer-deps即可。
9、出现这个问题主要是权限问题，可能运行项目所在盘符没有管理员权限，错误如下：

第1种方法：直接用命令清理
用管理员的身份运行 CMD 在控制台上输出 npm cache clean --force 一样可以删除

第2种方法 用管理员的身份运行 CMD
在此 CMD 输入 npm install -g @vue/cli 就可以成功安装了
10、npm run serve时Invalid options in vue.config.js: “publicPath” is not allowed
项目在build的时候报的这个错误: 具体原因是因为版本支持的问题,publicPath 属性到 vue-cli 3.2.0 之后才支持,所以将 publicPaht 改成 baseUrl 即可，改后：

11、npm reason: certificate has expired
第一步：清除缓存：npm cache clean --force
第二步：取消ssl验证 npm config set strict-ssl false
第三步：可以切换cnpm或者淘宝镜像（选择一种使用即可）
npm config set registry http://registry.cnpmjs.org
第四步：安装vue脚手架
npm config set registry https://registry.npmmirror.com
npm install -g @vue/cli --这个会耗费一点时间
12、Error: error:0308010C:digital envelope routines::unsupported
这个问题是因为使用高版本的node版本问题导致的错误。
我本地是node20，但是本地项目需要17以下的版本，使用nvm进行版本控制：

1. 先使用nvm ls查看目前已有的版本，我是只按照了20的版本
   

2. 使用nvm list available查看目前可以按照的版本
   

3. 使用nvm install 版本号 进行安装；

4. 使用nvm use 版本号进行版本控制
   
   13、内存问题：FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory
   解决办法：JavaScript堆内存不足的错误。这可能由内存泄露或高内存消耗引起，调整内存就好。
   为了解决这个问题，我运行了2个命令之后就可以打包了
   1、首先全局下载npm包
   npm install -g increase-memory-limit
   2、进入工程目录，执行：
   全局安装：increase-memory-limit
   解释说明：是用来设置node进程可占用的内存，通过设置一个大内存占用来解决该问题
   但是再次使用npm run serve 的时候，又报：‘“node --max-old-space-size=10240”’ 不是内部或外部命令，也不是可运行的程序 或批处理文件。见下图：
   
   使用命令：删除并重新下载node_modules依赖 使用npm install
   上面13个问题，是我在VSCode上安装及运行vue项目时遇到的问题，希望能帮到大家。