【问题标题】:Webpack errors related to material-ui与 material-ui 相关的 Webpack 错误
【发布时间】:2016-01-23 16:03:31
【问题描述】:

我正在克隆我朋友在 github 上的 repo

https://github.com/feijihn/todolist_react

基于 node.js + react.js + material.ui 构建的网络应用程序

然后我正在使用 npm 安装需求:

npm i -S -d 

然后我启动服务器

node server.js

一切正常,但后来我做了一些更改并尝试通过 webpack 打包一个新的 bundle.js,它给了我这个错误:

webpack --display-detailed-errors
Hash: 396f0bfb9d565b6f60f0
Version: webpack 1.12.12
Time: 1294ms
   + 1 hidden modules

ERROR in ./public/scripts/index.jsx
Module build failed: SyntaxError: /home/ignatif/todolist_react/public/scripts/index.jsx: Unexpected token (91:3)
89 |  render: function()  {                                                                            
90 |          return (
91 |                  <Paper className="paperE" zDepth={5}>
   |    ^
92 |                          <AppBar
93 |                                  title="Just To-Do. No shit"
94 |                                  iconClassNameRight="muidocs- icovigation-expand-more"/>
at Parser.pp.raise (/home/ignatif/todolist_react/node_modules/babylon/index.js:1425:13)
at Parser.pp.unexpected (/home/ignatif/todolist_react/node_modules/babylon/index.js:2907:8)
at Parser.pp.parseExprAtom (/home/ignatif/todolist_react/node_modules/babylon/index.js:754:12)
at Parser.pp.parseExprSubscripts (/home/ignatif/todolist_react/node_modules/babylon/index.js:509:19)
at Parser.pp.parseMaybeUnary (/home/ignatif/todolist_react/node_modules/babylon/index.js:489:19)
at Parser.pp.parseExprOps (/home/ignatif/todolist_react/node_modules/babylon/index.js:420:19)
at Parser.pp.parseMaybeConditional (/home/ignatif/todolist_react/node_modules/babylon/index.js:402:19)
at Parser.pp.parseMaybeAssign (/home/ignatif/todolist_react/node_modules/babylon/index.js:365:19)
at Parser.pp.parseParenAndDistinguishExpression (/home/ignatif/todolist_react/node_modules/babylon/index.js:827:26)
at Parser.pp.parseExprAtom (/home/ignatif/todolist_react/node_modules/babylon/index.js:713:19)
at Parser.pp.parseExprSubscripts (/home/ignatif/todolist_react/node_modules/babylon/index.js:509:19)
at Parser.pp.parseMaybeUnary (/home/ignatif/todolist_react/node_modules/babylon/index.js:489:19)
at Parser.pp.parseExprOps (/home/ignatif/todolist_react/node_modules/babylon/index.js:420:19)
at Parser.pp.parseMaybeConditional (/home/ignatif/todolist_react/node_modules/babylon/index.js:402:19)
at Parser.pp.parseMaybeAssign (/home/ignatif/todolist_react/node_modules/babylon/index.js:365:19)
at Parser.pp.parseExpression (/home/ignatif/todolist_react/node_modules/babylon/index.js:329:19)
at Parser.pp.parseReturnStatement (/home/ignatif/todolist_react/node_modules/babylon/index.js:2106:26)
at Parser.pp.parseStatement (/home/ignatif/todolist_react/node_modules/babylon/index.js:1894:19)
at Parser.pp.parseBlockBody (/home/ignatif/todolist_react/node_modules/babylon/index.js:2294:21)
at Parser.pp.parseBlock (/home/ignatif/todolist_react/node_modules/babylon/index.js:2275:8)
at Parser.pp.parseFunctionBody (/home/ignatif/todolist_react/node_modules/babylon/index.js:1130:22)
at Parser.pp.parseFunction (/home/ignatif/todolist_react/node_modules/babylon/index.js:2406:8)
at Parser.pp.parseFunctionExpression (/home/ignatif/todolist_react/node_modules/babylon/index.js:764:17)
at Parser.pp.parseExprAtom (/home/ignatif/todolist_react/node_modules/babylon/index.js:726:19)
at Parser.pp.parseExprSubscripts (/home/ignatif/todolist_react/node_modules/babylon/index.js:509:19)
at Parser.pp.parseMaybeUnary (/home/ignatif/todolist_react/node_modules/babylon/index.js:489:19)
at Parser.pp.parseExprOps (/home/ignatif/todolist_react/node_modules/babylon/index.js:420:19)
at Parser.pp.parseMaybeConditional (/home/ignatif/todolist_react/node_modules/babylon/index.js:402:19)
at Parser.pp.parseMaybeAssign (/home/ignatif/todolist_react/node_modules/babylon/index.js:365:19)
at Parser.pp.parseObjPropValue (/home/ignatif/todolist_react/node_modules /babylon/index.js:1021:99)

我安装了 material-ui,但我自己找不到任何依赖问题。 我朋友的 webpack 很好地打包了所有内容,并且没有给出任何错误。什么会导致这种情况?

【问题讨论】:

  • 我克隆了 repo,然后是 npm install,wepack 来编译文件,最后是 node server.js。我没有你描述的错误

标签: node.js npm webpack


【解决方案1】:

如果你输入,你提供的 repo 就可以工作:

  1. npm install
  2. webpack
  3. node server.js

【讨论】:

  • 我很高兴这对你有用,对每个人都有效,但问题是它对我不起作用。
  • node和npm哪个版本,你用的是什么?
  • 但是我做了一些改变并尝试通过 webpack 打包一个新的 bundle.js 它给了我这个错误:..什么样的改变?
  • @user3443399 即使没有任何更改,我也无法重新打包。节点 v5.5.0 npm v3.3.12
  • 我尝试使用与您相同的节点版本,但它再次工作,真的很奇怪......
猜你喜欢
  • 2022-06-18
  • 2020-04-25
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-04-20
  • 2020-11-13
  • 2016-12-23
  • 1970-01-01
相关资源
最近更新 更多