index.js 和 index.html 在同一目录下

Question

我正在尝试学习 React 和 Javascript。 我试图了解 ES6 中的import和export是如何工作的，所以我将所有三个文件index.html 、 index.js和lib.js放在同一个文件夹中。 当我在 html 文件中包含index.js时，它给了我错误

Uncaught TypeError: Failed to resolve module specifier "lib". Relative references must start with either "/", "./", or "../".

当我将index.js的名称更改为index2.js时，一切正常。 我认为问题在于我不应该将index.html和index.js放在同一个文件夹中，但我不明白为什么。 有人可以解释一下吗？

索引.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>Hello World!</h1>
    <script type="module" src="./index.js"></script>
</body>
</html>

index.js

import {square} from './lib.js'

console.log(square(3))

lib.js

export function square(x){
    return x*x
};

Answer 1

链接 index.js 时会出错，因为 2 个文件不能与文件夹中的任何其他文件同名，即使它们具有不同的文件扩展名。 这就是为什么当您将名称更改为 index2.js 时它不会出错。

Answer 2

这不是与网页在同一文件夹中具有相同名称的文件，我发现如果您使用 Firefox 而不是 Chrome，问题就会消失。 希望这会有所帮助。

index.js 和 index.html 在同一目录下

问题描述

2 个解决方案

解决方案1
2 2021-11-26 23:58:32

解决方案2
0 2021-11-27 04:10:07

index.js 和 index.html 在同一目录下

问题描述

2 个解决方案

解决方案1 2 2021-11-26 23:58:32

解决方案2 0 2021-11-27 04:10:07

解决方案1
2 2021-11-26 23:58:32

解决方案2
0 2021-11-27 04:10:07