为什么用webpack启动项目时报错

Question

dongdeMacBook-Pro:react-practice Dong$ webpack

Hash: a00547de946b95de1496

Version: webpack 3.6.0

Time: 1434ms

          Asset    Size  Chunks                    Chunk Names

./src/bundle.js  748 kB       0  [emitted]  [big]  main

  [81] ./src/js/index.js 247 bytes {0} [built]

    + 183 hidden modules

dongdeMacBook-Pro:react-practice Dong$ webpack-dev-server

Project is running at http://localhost:8080/

webpack output is served from /

events.js:182

      throw er; // Unhandled 'error' event

      ^

Error: listen EADDRINUSE 127.0.0.1:8080

    at Object.exports._errnoException (util.js:1016:11)

    at exports._exceptionWithHostPort (util.js:1039:20)

    at Server.setupListenHandle [as _listen2] (net.js:1307:14)

    at listenInCluster (net.js:1355:12)

    at GetAddrInfoReqWrap.doListen [as callback] (net.js:1481:7)

    at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:96:10)

dongdeMacBook-Pro:react-practice Dong$ 

Answer 1

Parry 2017-09-22 09:11:45

此慕课网 React 课程学习遇到的常见问题以及没有审核通过的补充视频（如打包后的文件压缩、单独的 webpack 2 视频教程等）

我整理成了一个大的 QA 文档，可以直接参考我博客的整理。

基本包含了所有 React 初学时遇到的各种问题的解决方案。

我的博文地址：http://blog.parryqiu.com/2017/03/09/react-q-and-a/

目前文章主要包含了以下问题的解决方案：

一些课程资源，如源代码、思维导图、后台 API 源代码等；

关于 Webpack      2.0 详细使用的 20 集免费补充视频；

webpack-dev-server 不能自动刷新的问题；

使用 Webpack 2 搭建的 React 浏览器自动刷新的项目模板，多次测试可用；

React Developer Tool 的问题；

缺少 react-html-attrs 插件；

babel-loader 没加载的错误；

fetch 的使用；

占用端口 8080 的问题；

错误 The root route must render a single      element 的处理；

如何在chrome console 中打开 paint flashing；

父组件通过 refs 获取子组件真实 DOM 节点的问题；

跳转 Route 的问题；

将 AntDesign 中的 getFieldProps 替换成 getFieldDecorator 的处理；

错误 Target container is not a DOM element      的原因及解决方案；

慕课没有发布的更新课程；

React Router 4.0 中 location undefined 的问题；

AntDesign 官方文档中的函数语法错误的解决方案；

解决课程中 React Router 版本的差异问题；

课程中 API 的地址。

Answer 2

Parry 2017-09-21 18:14:03

端口被占用了。

• 提问者 小小青年3578894 #1

  我把进程干掉之后还是会有报错  是因为什么

• 提问者 小小青年3578894 #2

  dongdeMacBook-Pro:react-practice Dong$ sudo lsof -i tcp:8080
  Password:
  COMMAND PID USER   FD   TYPE             DEVICE SIZE/OFF NODE NAME
  QQ      899 Dong   45u  IPv4 0xfade5ae988b70441      0t0  TCP 192.168.0.145:50694->101.227.160.23:http-alt (ESTABLISHED)
  QQ      899 Dong   46u  IPv4 0xfade5ae988b70441      0t0  TCP 192.168.0.145:50694->101.227.160.23:http-alt (ESTABLISHED)
  dongdeMacBook-Pro:react-practice Dong$ 
  我用的这种方法查找的进程 
  dongdeMacBook-Pro:react-practice Dong$ kill 899
  dongdeMacBook-Pro:react-practice Dong$ sudo lsof -i tcp:8080
  dongdeMacBook-Pro:react-practice Dong$ webpack-dev-server
  Project is running at http://localhost:8080/
  webpack output is served from /
  events.js:182
        throw er; // Unhandled 'error' event
        ^
  
  Error: listen EADDRINUSE 127.0.0.1:8080
      at Object.exports._errnoException (util.js:1016:11)
      at exports._exceptionWithHostPort (util.js:1039:20)
      at Server.setupListenHandle [as _listen2] (net.js:1307:14)
      at listenInCluster (net.js:1355:12)
      at GetAddrInfoReqWrap.doListen [as callback] (net.js:1481:7)
      at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:96:10)
  dongdeMacBook-Pro:react-practice Dong$ 
  干掉进程之后还是会报错

• 提问者 小小青年3578894 #3

  刚才无意中找到端口8080的占用程序了 以前根据vue官网搞了个demo 用的就是8080  但是我把那个项目删除之后运行react 还是提示报错  
  
  根据查找进程 8080 没提示有运行的 这该怎么解决啊

点开查看后面1条评论