使用异步/等待的创建-react app和JavaScript依赖项无法编译

Question

复制步骤：

npm install -g create-react-app
create-react-app demo-app
cd demo-app
npm install --save instascan
# add `import Instascan from 'instascan'` to index.js
npm start

错误消息：

Failed to compile.

Error in ./~/instascan/src/camera.js
Module parse failed: /Users/rd/code/instascan-react/node_modules/instascan/src/camera.js Unexpected token (13:8)
You may need an appropriate loader to handle this file type.
SyntaxError: Unexpected token (13:8)
 @ ./~/instascan/index.js 6:10-33

Error in ./~/instascan/src/scanner.js
Module parse failed: /Users/rd/code/instascan-react/node_modules/instascan/src/scanner.js Unexpected token (208:8)
You may need an appropriate loader to handle this file type.
SyntaxError: Unexpected token (208:8)
 @ ./~/instascan/index.js 5:11-35

进一步的检查表明，对async的调用可以在camera.js:13和scanner.js:208上找到。create app文档表示异步/等待是受支持的，但对于依赖项，这可能没有启用吗？

我不知道下一步该做什么。这里的任何指导都将不胜感激。

Answer 1

这正如期而至。

Create只编译您的代码到ES5 (浏览器和小型程序可以理解)，而不是依赖项的代码。否则，它会慢得多(而且还会破坏一些库)。

您可以向发布未编译代码的库中提交问题，并要求它们在发布到npm之前将其编译到ES5。这通常是推荐的做法，大多数支持使用浏览器的库都是这样做的。