首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Vue CLI和Webpack:无法让webpack-dev-server运行

Vue CLI和Webpack:无法让webpack-dev-server运行
EN

Stack Overflow用户
提问于 2018-06-18 06:36:25
回答 2查看 4.6K关注 0票数 2

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

代码语言:javascript
复制
> 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自动生成

代码语言:javascript
复制
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js"

下面是我使用的node和vue-cli的版本:

代码语言:javascript
复制
$ node -v
v10.4.0
$ vue -V
3.0.0-rc.2

到目前为止我已经尝试过的东西:

服务器回滚到之前的versions

  • checking我所有的端口,我肯定没有运行在:8080上,而且
  • 应该会自动寻找一个新的端口。以前对这个问题的回答普遍表明这是一个端口冲突问题,但事实并非如此,here.
  • reinstalling vue-cli

有趣的是,我在Windows10和openSUSE (当前机器)上都得到了这个错误,但当我在Ubuntu上生成相同的vue项目时,它工作得很好。

编辑:

这个问题是由于webpack.dev.conf.js试图使用我的linux hostname而不是默认的"localhost“。更改此行:

代码语言:javascript
复制
host: HOST || config.dev.host,

要这样做:

代码语言:javascript
复制
host: "localhost",

解决了问题。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-06-18 09:11:42

尝试使用此命令创建项目。您使用版本3 rc.2,init命令属于版本2。

代码语言:javascript
复制
vue create project-name

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

票数 2
EN

Stack Overflow用户

发布于 2018-06-18 09:48:51

这个问题有两种解决方案:

正如@atilkan指出的那样,从Vue CLI3开始,vue init project-name命令已经被弃用。使用vue create project-name,我已经能够成功地生成和运行开发服务器。你可以阅读更多关于Vue CLI3的新项目创建语法here的信息。

此外,最初由不推荐使用的vue init命令创建的项目无法为自身分配正确的主机名。这个问题是由于webpack.dev.conf.js试图使用我的linux主机名而不是默认的"localhost“造成的。更改此行:

代码语言:javascript
复制
host: HOST || config.dev.host,

要这样做:

代码语言:javascript
复制
host: "localhost",

解决了问题。这样做可能可以修复Error: getaddrinfo ENOTFOUND yourHostName错误,尽管这可能不是最好的方法。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50901015

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档