我有3个文件一个HTML，两个javascript文件命名为app.js和customer .js
我有一个HTML页面，我写了这个
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
hello
<script src="app.js" type="module"></script>
</body>
</html>
我刚刚加载了app.js到这个页面
app.js包含
import {person} from "./customer";
console.log("helllo");
在customer.js中我有这个
const person={
name:"hello"
}
export default person;
我得到一个导入错误，错误显示
GET http://127.0.0.1:5500/customer net::ERR_ABORTED 404 (Not Found)
我是web开发新手，请帮助我。
这里，您导入的方式是错误的。
让我解释一下。首先，我可以看到你默认导出模块或其他。在这种情况下，你不需要那些大括号。
import person from "./customer.js";
第二，确保在你的package.json中你将"type"设置为"module"，就像这样
"type": "module",
第三，如果你正在使用VSCode，那么你可以右键单击你的customer.js文件，然后单击copy relative path从你的项目中获得它的相对路径。
概要:
- 纠正你的import语句
- 检查包。
- 使用VSCode复制相对路径
希望这有助于解决您的问题!
如果你有一个:
1) index.html:1 Access to script at 'file://$PATH' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome, https, chrome-untrusted.
2) GET file://$PATH net::ERR_FAILED
你需要使用local-web-server，例如VS Code中的Live Server。