纯JS开发测验时导入questions.js出现404错误的解决方法

1. 核对文件路径与文件名 #

404错误说明请求的文件不存在，先排查路径问题：

• 若questions.js和script.js都在JS文件夹下，导入时不能写./JS/questions，应该用相对路径./questions.js（当前目录下的文件）
• 确认文件名拼写完全一致，包括大小写（部分系统区分文件名大小写）和后缀.js，别漏写后缀

2. 正确配置模块导出与导入 #

• 在questions.js中，必须显式导出题目数据：

  // questions.js
  export const questions = [
    {
      question: "示例问题1",
      options: ["选项A", "选项B", "选项C"],
      answer: "选项A"
    },
    // 更多题目数据...
  ];
  

• 在script.js中对应导入：

  // script.js
  import { questions } from './questions.js';
  

  如果要导出默认值，也可以用export default questions，导入时写import questions from './questions.js';

3. 确认本地服务器启动目录 #

确保你用的本地服务器（比如VS Code的Live Server）是从项目根目录启动的，而非JS子目录，否则相对路径会出现解析错误。

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