React项目导入/orders2报错Module not found，求解决方案

云原生阿岚

2026-7-11

解决React导入组件时的"Module not found"错误

常见修复步骤

1. 修正导入路径的写法

报错里的/orders2是根目录绝对路径，这种写法会直接指向项目根目录之外，不管组件实际位置。换成相对路径：

组件和app.js同目录：import Orders2 from './orders2'
组件在app.js子目录：import Orders2 from './子文件夹名/orders2'
组件在app.js上级目录（仍在src内）：import Orders2 from '../orders2'

2. 确认组件位置与文件名

检查orders2组件文件（比如orders2.jsx/orders2.js）确实在src/文件夹下，没被误放到项目根目录、public/等外层目录。
注意文件名大小写，区分大小写的系统（比如Linux/macOS）里，大小写不匹配也会触发这个错误。

3. 清除缓存重启服务器

缓存可能导致路径识别异常：

关掉当前开发服务器（按Ctrl+C）
删除项目根目录下的node_modules/.cache文件夹（Create React App项目适用）
重新启动服务器：npm start 或 yarn start

4. 自定义webpack配置（非Create React App项目）

如果是自己搭的webpack项目，需要配置让webpack识别src目录：

// webpack.config.js
const path = require('path');
module.exports = {
  resolve: {
    modules: [path.resolve(__dirname, 'src'), 'node_modules'],
    // 可选：配置别名简化路径
    alias: {
      '@': path.resolve(__dirname, 'src')
    }
  }
}

配置后可以用import Orders2 from '@/orders2'导入组件。