Pertanyaan ES6 di browser: Uncaught SyntaxError: Impor token yang tidak diharapkan


Saya baru mengenal ES6 (ECMAScript 6), dan saya ingin menggunakannya sistem modul di browser. Saya membaca ES6 didukung oleh Firefox dan Chrome, tetapi saya mendapatkan kesalahan berikut ini export

Uncaught SyntaxError: Unexpected token import

Saya memiliki file test.html

<html>
    <script src="test.js"></script>
<body>
</body>
</html>

dan file test.js

'use strict';

class Test {

    static hello() {
        console.log("hello world");
    } 
}

export Test;    

Mengapa?


32
2018-01-18 14:58


asal


Jawaban:


Sayangnya, modul tidak didukung oleh banyak browser sekarang.

Fitur ini baru saja mulai diterapkan di browser pada saat ini. Ini diimplementasikan di banyak transpilers, seperti TypeScript dan Babel, dan bundler seperti Rollup dan Webpack.

Ditemukan pada MDN


21
2018-01-18 15:02



Anda dapat mencoba Modul ES6 di Google Chrome Beta (61) / Chrome Canary.

Referensi Pelaksanaan ToDo MVC oleh Paul Irish - https://paulirish.github.io/es-modules-todomvc/

Saya sudah demo dasar -

//app.js
import {sum} from './calc.js'

console.log(sum(2,3));

//calc.js
let sum = (a,b) => { return a + b; }

export {sum};
<html> 
    <head>
        <meta charset="utf-8" />
    </head>

    <body>
        <h1>ES6</h1>
        <script src="app.js" type="module"></script>
    </body>

</html>

Semoga itu membantu!


24
2017-08-17 22:37