【js】Uncaught SyntaxError: Unexpected token {

原码:


<html>
<head>
    <meta charset="utf-8" />
    <title>title>
head>
<body>
<script src="jquery-3.2.1.min.js">script>
<script src="my-module.js">script>
<script>
    import { foo } from 'my-module'
    $("html").click(function (e) {
        console.log(foo); 
    });
script>
body>
html>

异常现象:
在这里插入图片描述
异常原因:
未正确使用ES6语法

解决方法:
1,检查导出js是否正编写确

//导出js
const foo = Math.PI;
export { foo };

2,检查导入js是否编写正确


<html>
<head>
    <meta charset="utf-8" />
    <title>title>
head>
<body>
    <script src="jquery-3.2.1.min.js">script>
    <script type="module">
    	//导入js
        import { foo } from './my-module.js'
        $("html").click(function (e) {
            console.log(foo);
        });
    script>
body>
html>

3,使用ES6语法,测试浏览器是否支持ES6,
如果不支持,请升级浏览器至最新版本,或下载安装ES6兼容补丁包

<script>
    const list = ['one', 'two', 'three'];
    list.forEach((item, index) => {
        alert(item + (index + 1));
    });
</script>

你可能感兴趣的:(Exception)