最新リリースバージョンのchrome、つまりchrome 61でES6機能を再生しようとしていますが、import
キーワードの使用中にエラーが発生しました。技術的には、import
は次の方法で使用されますが、コンソールにエラーが表示されました。
import Mymodule from "Mymodule.js"
印刷されたコンソール:
キャッチされないSyntaxError:予期しない識別子
私はすでに次の実験的機能をオンにしています:
chrome://flags/#enable-javascript-harmony
chrome://flags/#enable-module-scripts
そしてフォローオフ:
chrome://flags/#disable-javascript-harmony-shipping
問題はそれです from "Mymodule.js"
。
モジュールは、完全なURL(プロトコルを含む)、絶対パス(/で始まる)、または相対パス(./または../で始まる)のいずれかである必要があります。
その他の文字列は、将来の使用のために予約されています。
ソース: https://jakearchibald.com/2017/es-modules-in-browsers/#bare-import-specifiers-arent-currently-supported ( https:// Developers.google.com/web/updates/2017/09/nic61#modules )
「インポート」サポートはまだChromeにネイティブに含まれていませんが、は現在開発中です
https://www.chromestatus.com/feature/5684934484164608
それまでは、コードをコンパイルして、BabelやBrowserify、Webpackなどとバンドルする必要があります。
Update:@ neaumusicが後述するように、この機能はChrome 61の一部です。 What's New 参照に注意してください Paul Irishのモジュール-実装 例として。
MyModule.jsコードを確認して、モジュールがエクスポートしているものを正確に確認すると便利です。これにより、「import」ステートメントの表現方法が部分的に決まります。