Django集成React遇cannot find module "react"及Dashboard加载失败求助

问题1：提示"cannot find module 'react'"但依赖已存在于package.json #

解决步骤：

• 清理并重新安装依赖：删除项目根目录下的node_modules文件夹和package-lock.json文件，执行npm install命令
• 检查webpack配置（若无则新建webpack.config.js），添加模块解析配置确保webpack能识别React模块：

module.exports = {
  // 其他配置项
  resolve: {
    extensions: ['.js', '.jsx'],
    modules: ['node_modules']
  }
};

• 确认运行npm命令时的工作目录是package.json所在目录，避免路径错误导致依赖无法识别

问题2：Header组件正常加载，Dashboard组件加载失败 #

排查方向：

• 文件扩展名匹配：Dashboard组件文件为Dashboard.jsx，导入时写的是./leads/Dashboard，需确保webpack配置包含.jsx扩展名（参考问题1的webpack配置），或导入时补充扩展名：import Dashboard from "./leads/Dashboard.jsx"
• 组件导出验证：检查Dashboard.jsx文件是否正确使用默认导出，比如末尾是否有export default Dashboard;
• 路径层级检查：确认App.js所在的components目录下，leads文件夹存在且Dashboard.jsx文件在其中，避免拼写错误（包括大小写、文件夹名称是否与导入路径一致）

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