我试图使一个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的自动路径补全功能。