問題タブ [babelify]

私は Windows 10 x64 を使用しています。ソースは NFS ユニットにあります。

スクリプトを実行すると、次のようになります。

そして、それは止まります。

browserify を使用した「ビルド」スクリプトは魅力的に機能するため、Javascript コード内の構文エラーではないと思います。

私のpackage.json：

.babelrc:

この TS ファイルを考えると:

次のような Grunt タスクで変換しています。

次のような単純な HTML ファイルを実行します。

その結果、Uncaught ReferenceError: Rob is not defined

SO でこのような質問をいくつか見たことがありますが、それらは文脈の誤用に関連しているように見えました (たとえば、これが適切でない場合に、これを何かに使用したり、これを何かに使用したりしないなど)。ここでは文脈は関係ありません。コンソールに console.log を表示したいだけです。

私package.jsonはこのように見えます：

私の手順は

• 核兵器node_modules
• 実行npm install(警告またはエラーなし)
• 実行grunt rob(警告またはエラーなし)

これにより、次のスニペットを含む、私が望むものについて私の目に見えるJSファイルが出力されます。

また、Chrome は正常に読み込まれたrob.jsことを通知し、HTML ページが読み込まれるとソース エクスプローラーでコンテンツを確認できます。

私の質問は単純です: なぜこの例で参照エラーが発生するのですか?

編集：受け入れられた回答への少しの追加として：tsを編集して自分自身を呼び出す場合（独自のエントリポイントとして機能するため）：

その後、すべてが正常に実行されます-これは私のユースケースにぴったりです。

私はbabelifyでbrowserifyを使用しており、一部の単体テストではchai-as-promisedを使用しています。IE11 でバンドルを作成して実行すると、次のエラーが発生します。

構文エラー node_modules/chai-as-promised/lib/chai-as-promised.js:5:1

私はいくつかの読書をしglobalましたが、実際に node_modules からスクリプトを変換するには、babelify にオプションを提供する必要があるようです。以下を追加しました。

しかし、動作していたインポートは、次のように指定されている間は動作しなくなりました。global: true

SyntaxError: 'import' と 'export' は、ファイルの解析中に 'sourceType: "module"' (2:0) でのみ表示される場合があります: C:\Users\leaha\Desktop\git\design-system\src\js\polyfills\ index.js