当我在标记中将类型指定为模块时,HTML 文件未调用我的 JavaScript 文件<script>



我试图使一个JavaScript文件模块,但这阻止html调用JavaScript文件。当我不使它一个模块调用的代码是期望,在控制台打印开始成功。我试图通过调用一个JavaScript文件的html文件类型模块(就像它将没有类型模块)。

index . html

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script type="module" src="script.js"></script>
</body>
</html>

script.js。当我运行它时什么也没发生

console.log("Start Succesful");

如果html文件是这样的,唯一的区别是我没有在script标签中声明类型,它会打印Start " success "在控制台

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script src="script.js"></script>
</body>
</html>

详细信息:
我使用visual studio代码
这可能是我需要在Json文件中做的事情,但我不知道那将是什么
我想清楚它确实工作,如果我不声明类型在html脚本标签
相同的代码在repl中工作。如果不是visual studio代码,我认为问题不大与语法有关(可能与之相关),并与扩展设置或我不知道的东西有关。我会很高兴链接到我应该搜索或我需要了解更多的主题。如果我没说清楚,请告诉我

可能是路径的书写方式:

如果HTML和javascript文件在同一个文件夹中。而不是:

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

你可以试试:

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

,它应该正确导入,如果这是答案的话。以后你可以使用Visual Studio Code的自动路径补全功能。

最新更新