JavaScript函数导入不起作用

Posted

技术标签:

【中文标题】JavaScript函数导入不起作用【英文标题】：JavaScript function Import not working 【发布时间】：2017-05-30 10:38:15 【问题描述】：

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

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

索引.html

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

两个.js

export function one() 
    return 1 + 1;

main.js

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

【问题讨论】：

尝试使用'./two' 您能在控制台中看到导入语句的任何错误消息吗？ @MustafaMamun 上面给出了two.js的内容 抱歉之前没看到过更正。 浏览器不支持 ES6 模块（Edge 除外）。代码需要用 Babel 转译。 【参考方案1】：

目前，任何浏览器都没有原生实现导入和导出语句。你需要使用像Babel这样的转译器

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

查看 MDN 了解更多详情 Reference Statements import

【讨论】：

ES6 模块已在 Edge developer.mozilla.org/en-US/docs/Web/javascript/Reference/…获得实验性支持 所有现代浏览器现在都支持JavaScript modules via script tag "你需要使用像 Babel 这样的编译器" — Babel 不是捆绑器。它可以将一种模块语法翻译成另一种，但它不会将模块组合成一个脚本。由于浏览器确实支持import而不支持require，因此使用Babel是没有用的（除非与捆绑器结合使用）。 此响应现已过期。

以上是关于JavaScript函数导入不起作用的主要内容，如果未能解决你的问题，请参考以下文章

Python函数导入在Django中不起作用

JavaScript数学函数不起作用并返回Nan

javascript clearInterval() 函数不起作用

单个 Javascript 函数在 Heroku 上不起作用

为啥我的 javascript 箭头函数在 Edge/IE 中不起作用？

JavaScript 函数别名似乎不起作用