无法导入reactjs

时间:2019-02-10 08:42:42

标签: javascript node.js webpack

我试图导入react,我编写了以下代码:

import React from "react";

但是当我在终端中写npm start时,会向我显示以下错误:

> reactjs-basics@1.0.0 start /home/zx-coder/Downloads/reactjs-basics-master
> npm run build


> reactjs-basics@1.0.0 build /home/zx-coder/Downloads/reactjs-basics-master
> webpack -d && cp src/index.html dist/index.html && webpack-dev-server --content-base src/ --inline --hot

 Hash: 2692c371e3a85309b95e Version: webpack 1.15.0 Time: 1020ms
        Asset    Size  Chunks             Chunk Names
    bundle.js  166 kB       0  [emitted]  main bundle.js.map  184 kB       0  [emitted]  main
    + 37 hidden modules events.js:183
      throw er; // Unhandled 'error' event
      ^

 Error: listen EADDRINUSE 127.0.0.1:8080
    at Object._errnoException (util.js:1022:11)
    at _exceptionWithHostPort (util.js:1044:20)
    at Server.setupListenHandle [as _listen2] (net.js:1367:14)
    at listenInCluster (net.js:1408:12)
    at GetAddrInfoReqWrap.doListen [as callback] (net.js:1517:7)
    at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:97:10)

 npm ERR! Linux 4.15.0-29-generic npm ERR! argv "/usr/bin/node"
 "/usr/bin/npm" "run" "build" npm ERR! node v8.10.0 npm ERR! npm 
 v3.5.2 npm ERR! code ELIFECYCLE npm ERR! reactjs-basics@1.0.0 build:
 `webpack -d &&cp src/index.html dist/index.html && webpack-dev-server
--content-base src/ --inline --hot` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the reactjs-basics@1.0.0 build script 'webpack -d
 && cp src/index.html dist/index.html && webpack-dev-server
--content-base src/ --inline --hot'. npm ERR! Make sure you have the latest version of node.js and npm installed. npm ERR! If you do, this
 is most likely a problem with the reactjs-basics package, npm ERR! not
 with npm itself. npm ERR! Tell the author that this fails on your
 system: npm ERR!     webpack -d && cp src/index.html dist/index.html
 && webpack-dev-server --content-base src/ --inline --hot npm ERR! You
 can get information on how to open an issue for this project with: npm
 ERR!     npm bugs reactjs-basics npm ERR! Or if that isn't available,
 you can get their info via: npm ERR!     npm owner ls reactjs-basics
 npm ERR! There is likely additional logging output above.

 npm ERR! Please include the following file with anysupport request:
 npm ERR!    
 /home/zx-coder/Downloads/reactjs-basics-master/npm-debug.log

 npm ERR! Linux 4.15.0-29-generic npm ERR! argv "/usr/bin/node"
 "/usr/bin/npm" "start" npm ERR! node v8.10.0 npm ERR! npm  v3.5.2 npm
 ERR! code ELIFECYCLE npm ERR! reactjs-basics@1.0.0 start: `npm run
 build` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the
 reactjs-basics@1.0.0 start script 'npm run build'. npm ERR! Make sure
 you have the latest version of node.js and npm installed. npm ERR! If
 you do, this is most likely a problem with the reactjs-basics package,
 npm ERR! not with npm itself. npm ERR! Tell the author that this fails
 on your system: npm ERR!     npm run build npm ERR! You can get
 information on how to open an issue for this project with: npm ERR!   
 npm bugs reactjs-basics npm ERR! Or if that isn't available, you can
 get their info via: npm ERR!     npm owner ls reactjs-basics npm ERR!
 There is likely additional logging output above.

 npm ERR! Please include the following file with anysupport request:
 npm ERR!    
 /home/zx-coder/Downloads/reactjs-basics-master/npm-debug.log

2 个答案:

答案 0 :(得分:0)

错误为Error: listen EADDRINUSE 127.0.0.1:8080,这意味着您的计算机上已经有某些端口使用8080端口,请尝试更改端口webpack来启动开发服务器

答案 1 :(得分:0)

解决方案1:如果您是初学者,请重新启动PC。

解决方案2:打开任务管理器并杀死所有节点实例。

或者,您检查端口8080上是否正在运行其他反应应用程序,因此必须将其停止

OR

您必须将当前应用程序端口更改为其他端口。