提问人：Murilo Cabral 提问时间：6/12/2023 更新时间：6/12/2023 访问量：439
未捕获的 SyntaxError：意外的令牌“导出”，但模块“导入”仍然有效
Uncaught SyntaxError: Unexpected token 'export', but module 'import' still works
问：
我在这里很困惑。我是新手。
索引.html
<script src="appearance.js"></script>
<script src="table-gen.js" type="module"></script>
外观.js
export const genModBtn = document.querySelector('.gen-mod-btn-container button');
表生成.js
import { genModBtn } from "./appearance.js";
console.log(genModBtn);
如果一切似乎都正常，为什么我会收到这个“意外令牌”？
似乎工作正常，因为也工作正常。import { genModBtn } from "./appearance.js";console.log(genModBtn)
我试图从 中删除，但没有它，一切都停止工作，它仍然会记录不同的错误。exportexport const genModBtn = document.querySelector('.gen-mod-btn-container button')
我在这里做错了什么？先谢谢你！
答：
-1赞
Juan García
6/12/2023
#1
您应该将它们都标记为模块：
<script src="appearance.js" type="module></script>
<script src="table-gen.js" type="module"></script>
语法的其余部分似乎没问题。您还可以使用全局变量，如下所示：
// appearance.js
window.genModBtn = document.querySelector('.gen-mod-btn-container button');
// table-gen.js
console.log(genModBtn);
评论
0赞
Murilo Cabral
6/12/2023
谢谢你，胡安。这解决了我的问题！也感谢您的提示。
上一个：关于mern stack项目
评论
<script src="appearance.js"></script>是不正确和不必要的。删除它。