作成反応するアプリと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-react-appのドキュメントでは、async/awaitはサポートされていると言われていますが、これは依存関係が有効になっていない可能性があります。

私は次に何を試すべきか分かりません。ここのガイダンスはとても感謝しています。

Answer 1

これは期待どおりの動作です。

React Appの作成あなたののコードをES5（ブラウザとマイナーが理解できる）でコンパイルしますが、依存関係のコードはコンパイルできません。さもなければ、それははるかに遅くなります（そしてそれはまたいくつかのライブラリを破壊します）。

コンパイルされていないコードを出荷しているライブラリで問題を提出し、npmに発行する前にES5にコンパイルするように依頼できます。これは一般に推奨される方法であり、ブラウザの使用をサポートするほとんどのライブラリがそうしています。