Question

我正在尝试从单独的.js文件导入一个函数。当我声明导入命令时，页面没有执行代码。但是当我删除导入命令并执行一个简单的警报（＆＃39; Hello＆＃39;）时，页面上会弹出那个东西。

项目结构
--Todo-app
---- js
------ two.js
------ main.js
----的index.html

的index.html

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <script src="js/main.js"></script>
</body>
</html>

two.js

export function one() {
    return 1 + 1;
}

main.js

import { one } from 'two';
alert(one());

Answer 1

此时，本地未在任何浏览器中实现导入和导出语句。您需要使用Babel

之类的转录程序

但是chrome和firefox可以解析这些语句Uncaught SyntaxError: Unexpected token import但不支持模块加载。

请参阅MDN了解更多内容 Reference Statements import