添加新依赖项后,react-boilerplate中的语法错误

时间:2016-10-25 22:19:29

标签: javascript webpack webpack-hmr react-boilerplate

我很难将依赖项添加到新生成的react-boilerplate项目中。我遇到这个错误:

node.js:122 Uncaught SyntaxError: Unexpected token :
(anonymous function)    @   reactBoilerplateDeps.dll.js:340
__webpack_require__ @   reactBoilerplateDeps.dll.js:21
(anonymous function)    @   application.js:7
...

将此依赖项添加到package.json后,如下所示:

"feathers-client": "^1.6.1",

以及现有的index.html,例如app / containers / App / index.js

import feathers from 'feathers-client';

如果我从index.js中删除import语句,则错误消失。

我不知道发生了什么,所以任何建议都将不胜感激。

更多细节:

我开始克隆这个存储库:

https://github.com/mxstbr/react-boilerplate

然后我跑了npm run setup。然后我将依赖项添加到feathers-client并得到错误。

我还应该提一下,当我添加依赖项(例如request,feathers-rest和request-promise)时,我会遇到类似的错误。

如果添加bluebird之类的依赖项,我不会遇到错误。

我还没有找到一个明确的模式来确定依赖项给出了这个错误。

1 个答案:

答案 0 :(得分:1)

问题似乎是由import feathers from "feathers-client"解析node_modules/feathers-client/lib/client.js而不是预编译的node_modules/feathers-client/dist/feathers.js引起的。要解决此问题,请使用:

import feathers from "feathers-client/dist/feathers"