添加新依赖项后反应样板中的语法错误

Question

我很难将依赖项添加到新生成的 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 中删除导入语句，错误就会消失。

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

更多细节：

我开始克隆这个存储库：

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

然后我运行 npm 运行设置。然后我将依赖项添加到 feathers-client，我得到了错误。

我还应该提到，当我添加诸如请求、羽毛休息和请求承诺等依赖项时，我会遇到类似的错误。

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

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

Answer 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"

添加新依赖项后反应样板中的语法错误

Syntax error in react-boilerplate after adding new dependencies

javascript

webpack

webpack-hmr

react-boilerplate