javascript - 导入在 Chrome 中不起作用-6ren

javascript - 导入在 Chrome 中不起作用

转载作者：可可西里更新时间：2023-11-01 01:49:56

26

4

我正在用原生 JavaScript 创建一个单页应用程序。我想在不同的文件中组织我的代码以使其模块化，这意味着我应该能够在另一个文件中访问一个文件中定义的函数。为此，我正在使用 ES6 原生 import export:

文件-1.js:

export function func1() {}
export function func2() {}

文件-2.js:

import { func1, func2 } from './file-1';

index.html:

<script src="file-1.js"></script>

当我在 Chrome(版本 65)中运行 index.html 时，出现以下错误:未捕获的语法错误:意外的标记 {。

我的代码有什么问题？ Chrome 65 全面支持 ES6 模块系统。

最佳答案

这是一个工作示例

file1.mjs

function log1() {
  console.log('log1');
}
function log2() {
  console.log('log2');
}
export { log1, log2 };

file2.mjs 你必须显式写.mjs扩展名

import { log1, log2 } from './file1.mjs';

log1();
log2();

index.html 通知属性type="module"

<body>
    <script type="module" src="file2.mjs"></script>
</body>

然后你需要一个静态服务器来摆脱 CORS block 。

$ yarn global add serve
$ serve ./

最后转到http://localhost:5000 就可以了

关于javascript - 导入在 Chrome 中不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49718855/

26

4

0

实例分析Try {} Catch{} 作用
今天有小伙伴给我留言问到，try{...}catch(){...}是什么意思？它用来干什么？简单的说他们是用来捕获异常的下面我们通过一个例子来详细讲解下
html - 列表社交媒体链接的 ARIA 作用
我正在努力提高网站的可访问性，但我不知道如何在页脚中标记社交媒体链接列表。这些链接指向我在 facecook、twitter 等上的帐户。我不想用 role="navigation" 标记这些链接，因
java.util.Timer SystemTime 作用？
说现在是 6 点，我有一个 Timer 并在 10 点安排了一个 TimerTask。之后，System DateTime 被其他服务(例如 ntp)调整为 9 点钟。我仍然希望我的 TimerTas
php - 什么是 Doctrine hydration 作用？
就目前而言，这个问题不适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the
python入门:argparse浅析 nargs='+'作用
我就废话不多说了，大家还是直接看代码吧~ ? 1
Maven是什么?Maven的概念+作用+仓库的介绍+常用命令的详解
Maven系列1 1.什么是Maven？ Maven是一个项目管理工具，它包含了一个对象模型。一组标准集合，一个依赖管理系统。和用来运行定义在生命周期阶段中插件目标和逻辑。核心功能 Mav