javascript - 添加新依赖项后，react-boilerplate 中出现语法错误

Question

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

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 中删除导入语句，错误就会消失。

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

更多详细信息:

我开始克隆这个存储库:

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

然后我运行了 npm run setup。然后我将依赖项添加到feathers-client，然后出现错误。

我还应该提到，当我添加请求、feathers-rest 和 request-promise 等依赖项时，我会遇到类似的错误。

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

我还没有找到明确的模式来说明哪些依赖项会导致此错误。

Answer 1

看起来这个问题是由从“feathers-client”导入羽毛引起的，解决了node_modules/feathers-client/lib/client.js而不是pre-编译了node_modules/feathers-client/dist/feathers.js。要解决此问题，请使用:

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