ES6 export，import报错

最新推荐文章于 2022-05-26 18:27:01 发布

weixin_30628801

最新推荐文章于 2022-05-26 18:27:01 发布

阅读量239

点赞数

文章标签： javascript webpack ViewUI

原文链接：http://www.cnblogs.com/Jimc/p/10112773.html

版权

问题描述：

现有两个文件：

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>

转载于:https://www.cnblogs.com/Jimc/p/10112773.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30628801

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ES6 export，import报错

问题描述：现有两个文件：profile.jsconst firstName = 'Michael';const lastName = 'Jackson';const year = 2018;export {firstName, lastName, year}test.html<!DOCTYPE html><html lang="en...
复制链接

扫一扫