首页 前端知识 常见的npm报错及解决方法

常见的npm报错及解决方法

2024-05-10 08:05:03 前端知识 前端哥 27 898 我要收藏

​本文整理收集了一些常见的npm报错及解决方法。

参考资料:

http://bbs.itheima.com/forum.php?mod=viewthread&ordertype=1&tid=437423
https://blog.csdn.net/LYSCR7/article/details/93841992
https://blog.csdn.net/weixin_43852569/article/details/119898371

1.  npm install 包的名字 –save

例如: npm i artTemplate --save

错误原因:没有这个包,包的名字写错了
解决方法:把包的名字写对了就行  npm i art-template --save

2. 下载包的时候,下载多次不成功,导致出现错误:  

Unexpected end of JSON input while parsing near '...

错误原因:因项目中安装模块,多次不成功,所以导致报错
解决
方法:先全局更新:npm i npm –g,再清理缓存命令:npm cache clean – force

3.  安装bootstrap完之后再安装jquery的报错

bootstrap@4.1.3 requires a peer of popper.js@^1.14.3 but none is installed. You must install peerdependencies yourself.

错误原因:因为bootstrap是依赖于jquery,所以需要先下载jquery包再下载bootstrap包
解决方法:先删除package-lock.json文件, 执行npm uninstall bootstrap – save把bootstrap包删除了,再按照顺序下载包

4报错missing script:build

在这里插入图片描述

错误原因:是因为package.json文件里面没有配置build脚本,所以报以上错误!
解决
方法:在package.json中的scripts中添加build脚本

{
  "scripts": {
    "build": "cross-env NODE_ENV=production webpack --config webpack.config.js"
  }
}

“cross-env”:  用来实现跨平台设置环境变量;
“NODE_ENV”:用户自定义的环境变量;
“webpack”:  整合打包命令;
“- -config”:  用来指定配置文件;
“webpack.config.js”:  配置文件,这个文件是一个node.js模块,返回一个json格式的配置信息对象;
注:有可能出现 ‘cross-env’ 不是内部或外部命令,也不是可运行的程序的错误,通过 npm i --save-dev cross-env 可以解决。

5. npm报错: Local package.json exists, but node_modules missing, did you mean to install

error

错误原因:缺少node_modules
解决
方法:输入npm install,依赖包下载完后再次启动npm run dev

6.  npm报错: This is probably not a problem with npm. There is likely additional logging output above

在这里插入图片描述

错误原因:安装包导致的报错,只需要重新安装一下包再启动就行了
解决方法:输入npm install后,再次启动npm run dev。如果重新安装一次包还是会报错的话,那就把之前安装的包都删掉,重新安装。 

转载请注明出处或者链接地址:https://www.qianduange.cn//article/7883.html
标签
评论
会员中心 联系我 留言建议 回顶部
复制成功!