javascript - 为什么相对参考不起作用？

Question

我在我的 HTML 文件中使用了这行代码（在 VSCode 中）

[<script type="module" src="./classDef.js"></script>
<script type="module" src="./scripts.js"></script>][1]

但在 Chrome 控制台中遇到了这个错误消息：

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

是什么问题或我在哪里犯了错误？先感谢您

---

当我开始在 js 文件中插入此代码时，我测试并注意到错误：

import Book from '27classdef.js'

const iceAndFire = new Book(
    "a261",
    "Ice and Fire",
    "George R.R. Martin",
    "Fiction",
    352,
);

console.log(iceAndFire);

标签： javascripthtml

Answer 1

直接使用文件名即可：

[<script type="module" src="classDef.js"></script>
<script type="module" src="scripts.js"></script>][1]

而不是 src=" ./classDef.js " 或 src=" ./scripts.js "