Fatal编程技术网
  • javascript/
  • Javascript 将类导入一个主文件会显示错误

Javascript 将类导入一个主文件会显示错误

javascript html

Javascript 将类导入一个主文件会显示错误,javascript,html,Javascript,Html,我创建了许多js类，并希望将它们全部导入到一个main.js文件中，在该文件中调用我需要的这些类中的所有方法。然后，我想在我的index.html网站文件中使用这个main.js脚本。 但向我显示如下错误：加载资源失败：对于我要使用的每个方法，服务器在控制台中的响应状态为404（未找到）。我不认为这是一个路径问题，但我不知道如何解决这个问题 main.jsclass import NavigationAnimation from "./dom/navigation"; Na

我创建了许多js类，并希望将它们全部导入到一个
main.js
文件中，在该文件中调用我需要的这些类中的所有方法。然后，我想在我的
index.html
网站文件中使用这个
main.js
脚本。 但向我显示如下错误：
加载资源失败：对于我要使用的每个方法，服务器在控制台中的响应状态为404（未找到）
。我不认为这是一个路径问题，但我不知道如何解决这个问题

main.js
class

import NavigationAnimation from "./dom/navigation";

NavigationAnimation.stickyNav();

export default class NavigationAnimation {
  //code
}

NavigationAnimation
class

import NavigationAnimation from "./dom/navigation";

NavigationAnimation.stickyNav();

export default class NavigationAnimation {
  //code
}
文件结构如下所示：

我的
index.html
就是这样

<!DOCTYPE html>
<html lang="en">
<head>
</head>

<body>
    <header>
    </header>
    <main>
    </main>
</body>

<script type="module" src="js/main.js"></script>
</html>
有人能解释一下是怎么回事吗？

导入语句没有被传输，因此需要完整的文件名，包括扩展名，就像调用
main.js一样：


从“./dom/navigation.js”导入导航动画//