web-dev-qa-db-ja.com

インポートはchrome 61?

最新リリースバージョンの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
7
Arvin. Si.Chuan

問題はそれです from "Mymodule.js"

モジュールは、完全なURL(プロトコルを含む)、絶対パス(/で始まる)、または相対パス(./または../で始まる)のいずれかである必要があります。

その他の文字列は、将来の使用のために予約されています。

ソース: https://jakearchibald.com/2017/es-modules-in-browsers/#bare-import-specifiers-arent-currently-supportedhttps:// Developers.google.com/web/updates/2017/09/nic61#modules

17
himdel

「インポート」サポートはまだChromeにネイティブに含まれていませんが、現在開発中です

https://www.chromestatus.com/feature/5684934484164608

それまでは、コードをコンパイルして、BabelやBrowserify、Webpackなどとバンドルする必要があります。

Update:@ neaumusicが後述するように、この機能はChrome 61の一部です。 What's New 参照に注意してください Paul Irishのモジュール-実装 例として。

MyModule.jsコードを確認して、モジュールがエクスポートしているものを正確に確認すると便利です。これにより、「import」ステートメントの表現方法が部分的に決まります。