gpt4 book ai didi

javascript - 在 Chrome 中使用 ES6 模块进行长时间加载

转载 作者:塔克拉玛干 更新时间:2023-11-02 21:10:29 27 4
gpt4 key购买 nike

我的 javascript 应用程序适用于信息亭,并且仅针对 Chrome 浏览器。我正在使用 Chrome 版本 65。我正在尝试使用 ES6 模块而不使用像 Babel 这样的转译器。我的代码最初是:

在 index.html 中:

<script src="js/index.js"></script>

index.js:

import Main from './classes/Main.js';

const init = () => {
const app = new Main();
};

init();

主要.js:

export default class Main {
constructor() {
}
}

最初我从 index.js 第 1 行收到错误“Uncaught SyntaxError: Unexpected identifier”。然后基于 ES6 module Import giving "Uncaught SyntaxError: Unexpected identifier"我在 html 标签中添加了 'type="module"':

<script type="module" src="js/index.js"></script>

这确实加载了,但根据网络分析器,我的浏览器需要大约 15 秒来加载 index.js 和 main.js。可能发生了什么?

最佳答案

所以我在我的本地机器上运行了一些测试。我有一个运行以下三个文件的简单 NodeJs 服务器:

index.html

<!doctype html>
<html>
<head>
<title>es6 Module test</title>
<script>
console.time('load module');
console.time('time until constructor called');
</script>
<script type="module" src="module.js"></script>
<script>
console.timeEnd('load module');
</script>
</head>
<body>
See console output.
</body>
</html>

module.js

import Main from './Main.js';

const init = () => {
const app = new Main();
};

init();

Main.js

export default class Main {
constructor() {
console.timeEnd('time until constructor called');
}
}

在 Chrome 65 中运行此代码(在 Mac 上)

我得到以下输出:

运行 1

load module: 0.141845703125ms
time until constructor called: 7.90087890625ms

运行 2

load module: 0.139892578125ms
time until constructor called: 6.5498046875ms

运行 3

load module: 0.160888671875ms
time until constructor called: 7.14404296875ms

运行 4

load module: 0.297119140625ms
time until constructor called: 7.4228515625ms

My download times ranged between 2ms and 10ms for each of the three files.

我真的不知道为什么你的时间这么慢。但他们不应该。也许您的服务器受到重创而无法足够快地响应?

可能需要检查的事项:

如果您尝试从地址栏下载每个文件,会发生什么情况?它们是否仍然需要很长时间才能下载?

在不同的服务器上呢?

关于javascript - 在 Chrome 中使用 ES6 模块进行长时间加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49640231/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com