带有模块导入的Javascript文件不起作用

问题描述 投票:0回答:1

我正在做一个小型学习项目,发现当我向 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";
}

所有文件都在同一个文件夹中。

javascript html import webstorm
1个回答
0
投票

main.js 中的 import 语句稍有偏差。你应该改变

import { print } from "./func";

至:

import { print } from "./func.js";
© www.soinside.com 2019 - 2024. All rights reserved.