我正在做一个小型学习项目,发现当我向 js 脚本添加导入时,它似乎开始被忽略并且不被执行。 我不太明白问题是在代码中还是在 WebStorm 中。
我写了一个简化的例子,但也不起作用。
测试.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div>Hello world!</div>
<div id="display"></div>
<script type="module" src="./main.js"></script>
</body>
</html>
main.js
import {print} from "./func";
print();
func.js
export function print(){
document.getElementById("display").innerHTML += "Hello";
}
所有文件都在同一个文件夹中。
main.js 中的 import 语句稍有偏差。你应该改变
import { print } from "./func";
至:
import { print } from "./func.js";