npm run build 打包时报错

525 阅读1分钟

开启掘金成长之旅!这是我参与「掘金日新计划 · 2 月更文挑战」的第 20 天,点击查看活动详情

npm run build 打包时报错

❤ ERROR in 4.build.js from UglifyJs Unexpected token: operator (>) [4.build.js:562,43]

ERROR in 4.build.js from UglifyJs
Unexpected token: operator (>) [4.build.js:562,43]

解决:最后发现是多了一个 >

❤ 缺少less 环境 ,报很多less is 。。。

npm install less --save-dev

❤ 利用lintOnSave属性解决eslint保存检测

vue.config.js
lintOnSave 是否开启eslint保存检测,有效值:ture | false | 'error'

❤ 解决不同项目(vue2和vue3 )导致Eslint不兼容,解决

移除以下依赖,项目中不存在的就不用移除
npm rm @vue/cli-plugin-babel @vue/cli-plugin-eslint @vue/eslint-config-prettier eslint eslint-plugin-prettier eslint-plugin-vue prettier -g

然后再次重新安装依赖:


安装:这些依赖都是开发环境才需要用到,加上 -D

npm i -D @vue/cli-plugin-babel@4.4.6 @vue/cli-plugin-eslint@4.4.6 @vue/eslint-config-prettier@7.0.0 eslint@7.15.0 eslint-plugin-prettier@3.4.1 eslint-plugin-vue@7.2.0 prettier@2.5.1 -g

❤ 项目提示某个模块缺少但是无法利用npm i 进行安装的时候

利用以下命令进行安装:忽视冲突进行安装

npm install --force

npm install --legacy-peer-deps

image.png

❤ 因为安装过程之中断网时候引起文件错误

(1)第一步 npm cache clean --force (2)第二步删除node_modules文件夹

  linux上: rm -rf node_modules
  
  window上:直接手动删除
  

《3)如果有package-lock. json文件就删除它,没有不用管,直接跳到第(4)步

  linux上: rm -rf package-lock.json
  
  window上:直接手动删除
  

(4)安装模块 npm i

解决方法:

【其实就是删除之前安装的依赖,然后重新清除掉项目安装过程之中产生的警告或者其他信息文件,最后再重新下载依赖】

报错信息如下:

image.png