使用ES6 Modules时出现net::ERR_ABORTED 404错误求助
解决ES6模块导入404错误的方案
补全文件扩展名
ES模块导入必须写完整的文件扩展名,不能省略。你的导入语句没加.js,浏览器找不到对应文件,改成这样:
import { myName } from "./appTwo.js";
核对文件路径与名称
- 确认
appTwo.js和导入它的文件在同一个文件夹里,路径不对就调整(比如上级文件夹用../appTwo.js,子文件夹用./子文件夹名/appTwo.js) - 注意文件名大小写:Linux和Mac系统里
appTwo.js和apptwo.js是两个不同文件,要完全匹配
用HTTP服务器打开页面
ES模块不能直接双击HTML文件(file://协议)运行,必须通过HTTP服务器访问。给你几个简单的启动方式:
- Node.js环境:在项目文件夹里运行
npx http-server - Python3环境:运行
python -m http.server - VS Code:用Live Server插件一键启动
确认script标签配置
检查HTML里的script标签是不是正确加了type="module",比如:
<script type="module" src="./你的第一个文件名.js"></script>
内容的提问来源于stack exchange,提问作者ajdin
相关产品推荐
相关产品推荐

