如何在反应js

时间:2017-02-06 10:34:59

标签: reactjs webpack webpack-dev-server

我正在学习react.js。我已经运行了设置反应js所需的所有命令 但是当我运行npm start时,这个命令会给我错误。我还没有理解这个问题。 当我运行npm start时,错误是

  

错误:output.path需要是绝对路径或/。       在Object.setFs(C:\ Users \ Administrator \ Desktop \ reactApp \ node_modules \ webpac   K-DEV-中间件\ lib中\ Shared.js:88:11)       在共享(C:\ Users \ Administrator \ Desktop \ reactApp \ node_modules \ webpack-dev-   中间件\ lib中\ Shared.js:214:8)       在module.exports(C:\ Users \ Administrator \ Desktop \ reactApp \ node_modules \ webp   ACK-DEV-中间件\ middleware.js:22:15)       在新服务器(C:\ Users \ Administrator \ Desktop \ reactApp \ node_modules \ webpack-   DEV-服务器\ lib中\ Server.js:56:20)       在startDevServer(C:\ Users \ Administrator \ Desktop \ reactApp \ node_modules \ webp   ACK-DEV-服务器\ BIN \的WebPack-DEV-server.js:379:12)       at processOptions(C:\ Users \ Administrator \ Desktop \ reactApp \ node_modules \ webp   ACK-DEV-服务器\ BIN \的WebPack-DEV-server.js:317:3)       在对象。 (C:\用户\管理员\桌面\ reactApp \ node_modules \   的WebPack-DEV-服务器\ BIN \的WebPack-DEV-server.js:441:1)       在Module._compile(module.js:571:32)       at Object.Module._extensions..js(module.js:580:10)       在Module.load(module.js:488:32)

     

npm ERR! Windows_NT 6.1.7601 npm ERR! argv" C:\ Program   文件\的NodeJS \ node.exe" " C:\ Program Files \ nodejs \   node_modules \ NPM \ BIN \ NPM-cli.js" "开始"错误的ERR!节点v7.3.0 npm   呃! npm v3.10.10 npm ERR!代码ELIFECYCLE npm ERR!   package.json@1.0.0 start:webpack-dev-server npm ERR!退出状态1   错误的ERR!错误的ERR!在package.json@1.0.0启动脚本失败   '的WebPack-DEV-服务器&#39 ;.错误的ERR!确保您拥有最新版本   安装了node.js和npm。错误的ERR!如果你这样做,这很有可能   package.json包的问题,​​

     

npm ERR!不是与npm本身。错误的ERR!告诉作者这失败了   在你的系统上:npm ERR! webpack-dev-server npm ERR!你可以得到   有关如何使用此项目打开问题的信息:npm ERR!
  npm bugs package.json npm ERR!或者,如果没有,你可以得到   他们的信息来自:npm ERR! npm owner ls package.json npm ERR!那里   可能是上面的额外日志输出。

     

npm ERR!请在任何支持请求中包含以下文件:   错误的ERR! C:\用户\管理员\桌面\ reactApp \ NPM-的debug.log

1 个答案:

答案 0 :(得分:1)

我昨天遇到了这个问题,今天我终于解决了,我希望它可以帮助你。 在webpack.config.js中,您应该将路径设为绝对路径,请按以下步骤操作:

  output:{
    path:__dirname + '/dist',
    filename:"build.js"
  },

__ dirname是项目的路径,dist是您要保存build.js的路径,
并在index.html中

 <script src="/build.js">

    </script>

原因是webpack已更新为webpack2