如何解决JavaScript从functions.js导入{func1,func2,func3}导致“未预期的标记'{'
我有一个小型Web应用程序,现在我决定对其进行整理,然后将这些功能分离到functions.js文件中。
我正在导出这些文件并将它们导入到main.js文件中,但是却出现错误“未捕获的SyntaxError:意外的令牌'{'。
我在index.html中定义它
<head>
<script type = "module" src="functions.js"></script>
</head>
<body>
<div id="root"></div>
<script type = "module" src="scripts.js"></script>
</body>
functions.js
export function hello() {
return "Hello";
}
export function hello2() {
return "Hello";
}
Main.js
import { hello,hello2 } from 'functions.js';
但是,当我使用“静态服务器”运行它时,出现了上面提到的错误。 我不确定为什么这样会发生,因为代码看起来还可以吗?
解决方法
您正在使用nodejs。它需要CommonJS Module语法。这意味着
export function hello() {
return "Hello";
}
成为
module.exports = function hello() {
return "Hello";
}
与import
请在此处找到更多信息,尤其是第三个答案:
https://stackoverflow.com/a/60615051/4912528
,而不是像这样导出:
export function hello() {
return "Hello";
}
export function hello2() {
return "Hello";
}
将其更改为:
function hello() {
return "Hello";
}
function hello2() {
return "Hello";
}
export default {hello,hello2}
,
我弄清楚出了什么问题。我将代码包装在
中 one two
Entry
val1 10 10
val2 10 10
val3 10 10
val4 10 10
val5 10 10
帮助解决文档加载争用条件。 相反,我需要将导入移动到此上方
$(function(){
import {hello,hello2} from './functions.js'
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。