❤ npm运行打包报错归纳

❤ 前端运行打包报错归纳

（安装依赖）Cannot read property ‘pickAlgorithm’ of null"

npm uninstall //删除项目下的node_modules文件夹
npm cache clear --force  //清除缓存后
npm install  //重新安装 

备用安装方式
npm install  with --force // 忽略依赖安装
npm install --legacy-peer-deps // 忽略依赖冲突安装

（运行）webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

• npm run dev 运行时报错：webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

原因：webpack-dev-server存在问题

解决方案：指定 webpack-dev-server 低版本号

（运行）Uncaught SyntaxError: Unexpected token ‘＜‘ 错误

vue打包文件以后报错
🔪 Bug之Uncaught SyntaxError: Unexpected token ‘<’ 错误

今天在运行 Vue 项目时，发现报了一个 Uncaught SyntaxError: Unexpected token ‘<’ 错误

运行之后发现，自己写了相对路径 ，删除即可！

组件使用时候报错：

Unknown custom element:  - did you register the component correctly? For recursive components, make sure to provide the "name" option

第一种： 看 components:{},单词是否拼错，和不要写成components(){}
第二种：本页面components 看写了几个， 是否是因为覆盖了。只能有一个components:{}

第三种，检查引入的组件 确定是否需要{} , import XXX from "...." 还是 import { XXX } from "...."

第四种： div 的id和 components的name一样 也会报这个错误，也就是页面不要出现相同id的名字

（运行）Error: No ESLint configuration found.

mac电脑跑vue项目遇到：Error: No ESLint configuration found.

• 解决方法：粗略估计是缺少了个相关js文件：.eslintrc.js 直接装一个
• 解决！

（运行）Could not install from “node_modules\xxx“ as it does not contain a package.json【npm 导致的错误】

Could not install from “node_modules\xxx” as it does not contain a package.json file.【npm 导致的错误】

详情的错误信息如下图：

Could not install from “node_modules\html-pdf-adaptive\node_modules\jspdf\file-saver@github:eligrey\FileSaver.js#1.3.8” as it does not contain a package.json file.

具体造成过程：
电脑管家清理了一下垃圾
然后跑不起来项目说依赖里面缺pakeage.json 文件，我删了依赖重新装，无法安装。
然后我重新装了环境，也不行

1、清除npm缓存的方式

（1）
npm cache verify 
（2）
npm cache clear -f
（3）
npm cache clean --force 

清除一下以后重新npm install安装依赖，不过显示的还是跟之前一样

没成功

2、重新安装一下install

npm install -g install

重新npm install安装依赖
没成功

3、建缓存日志目录，解决可能是因为缓存日志路径出错。

npm config get cache 查看到我们的node路径

新建文件夹
node_global
node_cache

npm config set prefix “D:\ProgramFiles\nodejs\node_global”；
npm config set cache “F:\ProgramFiles\nodejs\node_cache”；

重新npm install安装依赖
没成功

4、yarn思考

npm install yarn

没成功

5、思考拿掉package-lock.json文件，删除锁定依赖

解决办法：删掉项目文件夹中的package-lock.json文件，先后运行npm install -g及npm install命令

重新npm install安装依赖

重新执行
npm install

错误出现提示

打开日志：
提示我

Command failed: git clone --depth=1 -q -b 1.3.8 https://github.com/eligrey/FileSaver.js.git D:\ProgramFiles\_cacache\tmp\git-clone-6988743c --config core.longpaths=true
npm ERR! warning: templates not found in C:\Users\Administrator\AppData\Local\Temp\pacote-git-template-tmp\git-clone-20852621
npm ERR! error: RPC failed; curl 28 OpenSSL SSL_read: Connection was reset, errno 10054
npm ERR! fatal: error reading section header 'shallow-info'

RPC failed; curl 28 OpenSSL SSL_read: Connection was reset, errno 10054

大致意思就是网络波动导致的错误

于是我重新进行安装

询问了群里的小伙伴，于是Github上面找到了官方的解答

https://github.com/eligrey/FileSaver.js/issues/702

解决方法下面提出来就是删除.lock文件，然后重新安装！