ES6 export，import报错

问题描述：

现有两个文件：

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>

相关阅读:
c++运算符优先级
C++中宽字符类型（wchar_t）的编码
标志寄存器综述
ubuntu 更新源
windows shell命令相关
汇编语言-环境搭建(16位)
linux配置ftp
ssl协议相关
boost相关
ubuntu下编译protobuf

原文地址：https://www.cnblogs.com/Jimc/p/10112773.html