webpack、npm 错误汇总

以下错误信息均因在系统终端执行命令后产生,出自终端执行命令npm run dev。

(1)如下图:

webstorm报错信息

搭建vue项目

使用webstorm搭建vue项目,报如上错误。

本地node版本为10。

原因: 版本10 fs.promises的API是实验性的,webstorm不允许使用。

解决:卸载掉原有node.js,重新安装node.js 8版本。

(2)Error: Cannot find module ‘webpack/bin/config-yargs’

原因:webpack和webpack-dev-server版本不匹配。

解决:降低webpack版本

先删除node_modules目录及文件,然后在项目根目录下执行卸载命令:cnpm uninstall webpack,最后重新安装较低版本的webpack:cnpm install webpack@3.12.0。

再次npm run dev,正常。

(3)Module build failed: Error: Missing……

原因: 编译失败

解决:npm rebuild

(4)执行npm run dev报错:npm ERR! Tell the package author to fix their package.json file. JSON.parse

npm ERR! Unexpected token , in JSON at position 2847 while parsing near '...compiler": "^2.5.2",,;

npm ERR! "webpack": "^...'

原因: package.json格式有误,可以根据错误信息定位到错误出处。

解决:修改后,再次执行npm run dev

(5)执行npm run dev报错:throw er; // Unhandled ‘error’ event

原因: 项目中所需端口被其它程序占用

解决:修改后该项目端口或者关闭占用相同端口的其它程序 ,再次执行命令 npm run dev

(6)Refused to load the font ‘’ because it violates the following Content Security Policy directive: “default-src ‘self’”. Note that ‘font-src’ was not explicitly set, so ‘default-src’ is used as a fallback.

原因:谷歌浏览器Chrome扩展 ‘Grammarly’导致的。

解决:移除该扩展即可。

(7) http://eslint.org/docs/rules/handle-callback-err Expected error to be handled

原因:不符合eslint规则,代码中没有用到err参数,如下:

.catch(err => {

...

}

解决:

方法一:修改规则:eslint handle-callback-err: “warn” ,但是没有根本解决问题。

方法二:在代码中使用err对象,如下:

  console.log('err:' + err);

(8)npm ERR! enoent ENOENT: no such file or directory, open ‘F:\demo\path\package.json’

原因:命令执行的路径有问题

解决:在项目的根路径执行npm run dev

(9)Module not found: Error: Cannot resolve ‘file’ or ‘directory’

原因:webpack版本太老或者项目使用的是webpack-simple

解决:更改webpack版本

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

编辑于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏小狼的世界

在Centos 5.2下编译安装LAMP

首先使用Virtualbox安装一台CentOS 5.2的虚拟机,网络连接采用 Host-only Adapter,这样主客机之间可以互相访问,但是客机不能够上...

12120
来自专栏程序猿DD

Spring Boot中使用RabbitMQ

复刻一篇老文,为后续要发的内容做一些铺垫 Message Broker与AMQP简介 Message Broker是一种消息验证、传输、路由的架构模式,其设计目...

296100
来自专栏惨绿少年

KICKSTART无人值守安装

1.1 环境说明 [root@test ~]# cat /etc/redhat-release CentOS release 6.9 (Final) [roo...

32800
来自专栏Netkiller

PHP 安全与性能

PHP 安全与性能 摘要 我的系列文档 Netkiller Architect 手札Netkiller Developer 手札Netkiller PHP 手札...

53060
来自专栏FreeBuf

Kali Shellter 5.1:动态ShellCode注入工具 绕过安全软件

或许你还在为无法绕过反病毒软件获得Meterpreter shell而懊恼,试试Shellter 5.1吧。 首先需要获取一个正常的Windows exe可执行...

34760
来自专栏崔庆才的专栏

一言不合就改成 777 权限?会出人命的!

最近和几个朋友开发项目,期间使用了一台服务器跑模型,这台服务器是多人公用的,很多人都在上面有自己的账号,互不干涉内政,一切看起来十分井然有序。

72730
来自专栏Java技术栈

Spring Boot - Profile不同环境配置

Profile是什么 Profile我也找不出合适的中文来定义,简单来说,Profile就是Spring Boot可以对不同环境或者指令来读取不同的配置文件。 ...

43140
来自专栏Java架构沉思录

揭秘JDBC超时机制

在遭到DDos攻击后,整个服务都垮掉了。由于第四层交换机不堪重负,网络变得无法连接,从而导致业务系统也无法正常运转。安全组很快屏蔽了所有的DDos攻击,并恢复了...

23130
来自专栏小狼的世界

Fedora下Zend Studio 6.1.2 的配置

Zend Studio是我们PHPer的一个非常的得力的工具,有了他往往能够让我们的工作事倍功半,今天就来记录一下日常使用中非常有用的配置,来帮助更多的PHPe...

10620
来自专栏云计算教程系列

如何在Debian 9上使用Apt安装Java

Java和JVM(Java的虚拟机)是许多软件所必需的,包括Tomcat,Jetty,Glassfish,Cassandra和Jenkins。

1K20

扫码关注云+社区

领取腾讯云代金券