尝试在JavaScript中加载模块时出错

问题描述

我是JavaScript的新手，我一直在尝试JS模块，并感到沮丧这是我的文件树：

Books
    Genesis.js
Texts
    t_Genesis.js
Book.js
index.html
index.js
style.css

这是文件代码： Index.html：

<!DOCTYPE html>
<html lang="en">
<head>
    <Meta charset="UTF-8">
    <Meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link href="style.css" rel="stylesheet">
    
    <title>Lol</title>
    
</head>
<body>
    <p id="pEle">Heido!!!</p>
    <script type="module" src="Book.js"></script>
    <script type="module" src="Texts/t_Genesis.js"></script> 
    <script type="module" src="Books/Genesis.js"></script>
    <script type="module" src="index.js"></script>
</body>
</html>

Index.js：

import { genesis } from "./Books/Genesis";

const p = document.getElementById("pEle");

p.innerText = genesis.name;

Book.js：

class Book {
    constructor(bookname,content) {
        this.name = bookname;
        this.textContent = content;
        console.log("Working!");
    }
}
export{Book};

Genesis.js：

import { Book } from "../Book";
import {t} from "../Texts/t_Genesis";

export const genesis = new Book("Genesis",t);

t_Genesis.js：

export const t = `Genesis 1:1 In the beginning God created......`
//Entire book of Genesis

它给了我以下错误：

DevTools Failed to load SourceMap: Could not load content for chrome-extension://almalgbpmcfpdaopimbdchdliminoign/content/post_api.js.map: HTTP error: status code 404,net::ERR_UNKNowN_URL_SCHEME
DevTools Failed to load SourceMap: Could not load content for chrome-extension://almalgbpmcfpdaopimbdchdliminoign/content/location.js.map: HTTP error: status code 404,net::ERR_UNKNowN_URL_SCHEME
content.static.js:20 GET https://dw4sx0xk0hu8c.cloudfront.net/contentDocumentStart.js 403
(anonymous) @ content.static.js:20
l @ content.static.js:20
(anonymous) @ content.static.js:31
(anonymous) @ content.static.js:31
r @ content.static.js:31
(anonymous) @ content.static.js:31
(anonymous) @ content.static.js:31
s @ content.static.js:31
u @ content.static.js:31
(anonymous) @ content.static.js:31
e @ content.static.js:6
(anonymous) @ content.static.js:6
(anonymous) @ content.static.js:6
Genesis.js:1 GET http://127.0.0.1:5500/Book net::ERR_ABORTED 404 (Not Found)
Genesis.js:2 GET http://127.0.0.1:5500/Texts/t_Genesis net::ERR_ABORTED 404 (Not Found)
index.js:1 GET http://127.0.0.1:5500/Books/Genesis net::ERR_ABORTED 404 (Not Found)
DevTools Failed to load SourceMap: Could not load content for chrome-extension://almalgbpmcfpdaopimbdchdliminoign/content/safecheck-notification/content.js.map: HTTP error: status code 404,net::ERR_UNKNowN_URL_SCHEME
DevTools Failed to load SourceMap: Could not load content for chrome-extension://almalgbpmcfpdaopimbdchdliminoign/content/safecheck.js.map: HTTP error: status code 404,net::ERR_UNKNowN_URL_SCHEME
content.static.js:20 GET http://localhost:8080/contentDocumentStart.js net::ERR_CONNECTION_REFUSED
(anonymous) @ content.static.js:20
l @ content.static.js:20
(anonymous) @ content.static.js:31
(anonymous) @ content.static.js:31
r @ content.static.js:31
(anonymous) @ content.static.js:31
(anonymous) @ content.static.js:31
s @ content.static.js:31
u @ content.static.js:31
(anonymous) @ content.static.js:31
e @ content.static.js:6
(anonymous) @ content.static.js:6
(anonymous) @ content.static.js:6
DevTools Failed to load SourceMap: Could not load content for http://localhost:8080/headless-content.js.map: Connection error: net::ERR_CONNECTION_REFUSED

，并且段落元素不会从Heido更改为创世记//内部HTML //

我还在VSCode中使用Live Server扩展，但仍然无法在服务器上运行

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

es6-modules html javascript