ERROR Failed to compile with 2 errors These relative modules were not found:

根据错误信息 `These relative modules were not found: ./fonts/element-icons.ttf and .woff in css-loader environment`，这是Webpack构建过程中常见的资源路径问题。以下是系统化的解决方案： --- #### **1. ...

### Webpack 编译时找不到相对模块 `./src/main.js` 的解决方案 当遇到 Webpack 报错提示 “Module not found: Error: Can't resolve './src/main.js'”，通常意味着配置文件未能正确解析该路径。以下是几种可能的原因及对应的解决方法： #### 配置入口文件路径错误 如果项目结构发生变化或者初始设置有误，可能会导致指定的入口文件位置不准确。建议检查 webpack.config.js 中 entry 属性指向是否无误。 ```javascript module.exports = { // ... entry: path.resolve(__dirname, 'src/main.js'), // 使用绝对路径代替相对路径可以减少出错几率 }; ``` 确保使用 Node.js 提供的 `path` 模块来构建跨平台兼容的文件路径[^1]。 #### 文件不存在或命名差异 确认实际存在的源码文件名确实为 main.js 并位于 src 目录下；另外注意大小写敏感性，在某些操作系统上这会引发问题。 #### 解析规则缺失 有时需要调整 Webpack 对于不同扩展名的支持情况，可以在配置项中加入适当规则支持 .js 结尾的文件自动补全。 ```javascript resolve: { extensions: ['.js'], // 添加此选项让 Webpack 自动处理 js 后缀 } ``` 对于测试环境中的类似报错，如在运行 Jest 测试框架时报错，则可能是由于 Enzyme 或其他依赖库版本冲突引起的问题[^2]。不过针对当前描述的情况，重点还是在于 Webpack 构建过程本身。 通过以上措施应该能够有效定位并修复 Webpack 找不到相对模块的问题。若仍然存在困难，考虑清理 node_modules 和 package-lock.json 然后重新安装所有依赖包也是一个不错的尝试方向。