ES6 export，import報錯

本文轉載自查看原文 2018-12-13 10:56 1600 ECMAScript 6/ JavaScript

問題描述：

現有兩個文件：

profile.js

const firstName = 'Michael';
const lastName = 'Jackson';
const year = 2018;
export {firstName, lastName, year}

test.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    import {firstName, lastName, year} from './profile.js';
    console.log(firstName);
    console.log(lastName);
    console.log(year);
</script>
</body>
</html>

運行結果：

test.html:9 Uncaught SyntaxError: Unexpected token {

問題解答：

在HTML文件中不能使用export，import，需要在webpack構建項目中使用，並且只作用於.vue和.js文件。

如果非要使用且瀏覽器支持ES6，需要加上 type="module"。

<script type="module">
    import {firstName, lastName, year} from './profile.js';
    console.log(firstName);
    console.log(lastName);
    console.log(year);
</script>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 ES6 import、export的寫法【ES6】import, require,export ES6模塊的import和export用法總結 ES6模塊的import和export用法總結 ES6模塊的import和export用法總結 ES6 模塊的加載實現 import和export JS ES6中export和import詳解 ES6模塊之export和import詳解 JS ES6中export和import詳解 ES6和Node.js的import和export