node.js – Vue CLI和Webpack：无法运行webpack-dev-server

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了node.js – Vue CLI和Webpack：无法运行webpack-dev-server，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1949字，纯文字阅读大概需要3分钟。

内容图文

我正在使用vue init webpack project-name生成一个webpack开发服务器.生成服务器后,运行npm run dev会产生以下错误：

> client@1.0.0 dev /home/localhost/dev/vuetest/client
> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

 10% building modules 1/3 modules 2 active .../client/index.js?http://localhost:8080events.js:167
      throw er; // Unhandled 'error' event
      ^

Error: getaddrinfo ENOTFOUND localhost
    at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:50:26)
Emitted 'error' event at:
    at GetAddrInfoReqWrap.doListen [as callback] (net.js:1498:12)
    at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:50:17)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! client@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the client@1.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/localhost/.npm/_logs/2018-06-17T22_25_08_212Z-debug.log

这是来自package.json的开发脚本,由vue自动生成

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

这是我正在使用的node和vue-cli的版本：

$node -v
v10.4.0
$vue -V
3.0.0-rc.2

到目前为止我尝试过的事情：

>将webpack-dev-server和webpack本身回滚到以前的版本
>检查我的所有端口;我绝对没有任何运行：8080和webpack应该自动寻找新的端口.此问题的先前答案广泛表明这是一个端口冲突问题,但事实并非如此.
>重新安装vue-cli

有趣的是,我在Windows 10和openSUSE Tumbleweed(当前机器)上都出现了这个错误,但是当我在Ubuntu VM上生成相同的vue项目时,它运行得很好.

编辑：

问题是由于webpack.dev.conf.js试图使用我的linux主机名而不是默认的“localhost”.改变这一行：

host: HOST || config.dev.host,

对此：

host: "localhost",

解决了这个问题.

解决方法:

尝试用这个创建项目.您使用版本3 rc.2并且init命令属于版本2.

vue create project-name

文档：
https://cli.vuejs.org/guide/creating-a-project.html#using-the-gui

内容总结

以上是互联网集市为您收集整理的node.js – Vue CLI和Webpack：无法运行webpack-dev-server全部内容，希望文章能够帮你解决node.js – Vue CLI和Webpack：无法运行webpack-dev-server所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---