为何在JavaScript中导入模块时出现404错误？

核心问题拆解 #

你遇到的404 Not Found错误，本质是浏览器在指定路径下找不到ye.js文件，同时还存在导出/导入名称不匹配的隐性问题，逐个解决如下：

1. 路径与文件名后缀问题 #

浏览器原生ES模块必须指定完整的文件名后缀（比如.js），你当前的导入语句import { yes } from "./ye";省略了.js，会导致浏览器请求dist/ye而非正确的dist/ye.js，直接引发404。

同时要确认文件位置：

• 如果ye.js和login.js在同一个dist文件夹下，修正后的导入语句应为：

  import { d } from "./ye.js";
  

• 如果ye.js在dist的上级目录（比如项目根目录），路径要改成上级相对路径：

  import { d } from "../ye.js";
  

2. 导出与导入名称不匹配 #

你的ye.js里导出的函数名为d，但login.js里导入的是yes，即使路径问题解决，后续调用时也会出现yes is not defined的错误，需要统一名称：

• 要么修改login.js的导入名，匹配ye.js的导出：import { d } from "./ye.js";
• 要么修改ye.js的导出名，匹配login.js的导入：

  export function yes(yes){
      console.log(yes)
  }
  

3. 文件实际存放位置验证 #

最后检查你的项目文件结构：

• 确认ye.js是否被正确放置在dist目录下（和login.js同层级），如果是在根目录或其他子文件夹，必须对应调整导入路径。

内容的提问来源于stack exchange，提问作者somepythonguy