vue系列（5）：常见问题集合

1、node.js 执行 npm/cnpm命令时提示：Unexpected end of JSON input while parsing near

解决：命令行执行

npm cache clean --force

---

2、vue-cli项目修改运行端口号：

解决：vuecli3中的端口文件存放目录为：node_modules/@vue/cliservice/lib/commands/serve.js，修改 port 对应的值即可

---

3、提示"Failed to resolve loader: less-loader"：

解决：项目根目录下运行  

npm install less less-loader --save-dev

---

4、npm install执行过慢：

解决：不要直接使用cnpm install安装

# 安装依赖
npm install
# 建议不要用 cnpm 安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

---

5、提示"Module parse failed: Unexpected character ' ' (1:0)"：

解决：首先执行：npm install url-loader，npm install file-loader，其次在vue.config.js中配置：

chainWebpack: config => {
         config.module
             .rule('cur1')
             .test(/\.(cur)$/)
             .use('file-loader')
             .loader('file-loader')
             .end();
    }

---

5、vue运行或打包报错Ineffective mark-compacts near heap limit Allocation failed-JavaScript heap out of memory：

原因：项目大，启动或打包会抛出内存溢出，需要扩展node服务器内存。

解决方案1：扩展内存：

//1、全局安装
npm install -g increase-memory-limit
//2、进入项目根目录执行
increase-memory-limit

解决方案2（亲测可用）：进入项目根目录执行：

setx NODE_OPTIONS --max_old_space_size=4096

解决方案3：在package.json的scripts字段的node命令后加–max_old_space_size=4096 内存的具体数值可以根据项目大小自己设定，重新运行 npm run build

"build": "node --max_old_space_size=4096 build/build.js test"