JavaScript函数导入无效

Question

我试图从单独的.js文件导入一个函数.当我声明导入命令时,页面没有执行代码.但是当我删除import命令并执行一个简单的警报('Hello')时,页面上会弹出这个东西.

PROJECT STRUCTURE
--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 参考语句导入

此回复现已过时。 (4认同)
所有现代浏览器现在都支持[通过 script 标签的 JavaScript 模块](https://caniuse.com/#feat=es6-module) (2认同)
“你需要使用像 Babel 这样的转译器”——Babel 不是捆绑器。它可以将一种模块语法转换为另一种模块语法，但不会将模块组合成单个脚本。由于浏览器*确实*支持 `import` 并且 **不**支持 `require`，因此使用 Babel 是没有帮助的（除非与捆绑器结合使用）。 (2认同)