部署至Render失败：Field 'browser'无效别名配置及模块找不到

部署项目到Render平台时出现以下错误：

• 提示Field 'browser' doesn't contain a valid alias configuration
• Webpack编译无法解析./frontend/felp.jsx中引入的./Components/root.jsx和./Store/store.js模块

项目本地运行正常，已尝试修改Webpack入口文件为felp.jsx、在导入语句中添加.jsx后缀，但问题仍未解决。

Render部署日志：

Jan 27 03:22:46 PM  > Felp@1.0.0 postinstall
Jan 27 03:22:46 PM  > webpack
Jan 27 03:22:46 PM  
Jan 27 03:22:52 PM  assets by status 597 KiB [cached] 1 asset
Jan 27 03:22:52 PM  modules by path ./node_modules/react/ 6.94 KiB
Jan 27 03:22:52 PM    ./node_modules/react/index.js 190 bytes [built] [code generated]
Jan 27 03:22:52 PM    ./node_modules/react/cjs/react.production.min.js 6.75 KiB [built] [code generated]
Jan 27 03:22:52 PM  modules by path ./node_modules/react-dom/ 130 KiB
Jan 27 03:22:52 PM    ./node_modules/react-dom/index.js 1.33 KiB [built] [code generated]
Jan 27 03:22:52 PM    ./node_modules/react-dom/cjs/react-dom.production.min.js 129 KiB [built] [code generated]
Jan 27 03:22:52 PM  modules by path ./node_modules/scheduler/ 4.33 KiB
Jan 27 03:22:52 PM    ./node_modules/scheduler/index.js 198 bytes [built] [code generated]
Jan 27 03:22:52 PM    ./node_modules/scheduler/cjs/scheduler.production.min.js 4.14 KiB [built] [code generated]
Jan 27 03:22:52 PM  ./frontend/felp.jsx 945 bytes [built] [code generated]
Jan 27 03:22:52 PM  
Jan 27 03:22:52 PM  ERROR in ./frontend/felp.jsx 5:0-41
Jan 27 03:22:52 PM  Module not found: Error: Can't resolve './Components/root.jsx' in '/opt/render/project/src/frontend'
Jan 27 03:22:52 PM  resolve './Components/root.jsx' in '/opt/render/project/src/frontend'
Jan 27 03:22:52 PM    using description file: /opt/render/project/src/package.json (relative path: ./frontend)
Jan 27 03:22:52 PM      Field 'browser' doesn't contain a valid alias configuration
Jan 27 03:22:52 PM      using description file: /opt/render/project/src/package.json (relative path: ./frontend/Components/root.jsx)
Jan 27 03:22:52 PM        no extension
Jan 27 03:22:52 PM          Field 'browser' doesn't contain a valid alias configuration
Jan 27 03:22:52 PM          /opt/render/project/src/frontend/Components/root.jsx doesn't exist
Jan 27 03:22:52 PM        .js
Jan 27 03:22:52 PM          Field 'browser' doesn't contain a valid alias configuration
Jan 27 03:22:52 PM          /opt/render/project/src/frontend/Components/root.jsx.js doesn't exist
Jan 27 03:22:52 PM        .jsx
Jan 27 03:22:52 PM          Field 'browser' doesn't contain a valid alias configuration
Jan 27 03:22:52 PM          /opt/render/project/src/frontend/Components/root.jsx.jsx doesn't exist
Jan 27 03:22:52 PM        *
Jan 27 03:22:52 PM          Field 'browser' doesn't contain a valid alias configuration
Jan 27 03:22:52 PM          /opt/render/project/src/frontend/Components/root.jsx* doesn't exist
Jan 27 03:22:52 PM        as directory
Jan 27 03:22:52 PM          /opt/render/project/src/frontend/Components/root.jsx doesn't exist
Jan 27 03:22:52 PM  
Jan 27 03:22:52 PM  ERROR in ./frontend/felp.jsx 6:0-46
Jan 27 03:22:52 PM  Module not found: Error: Can't resolve './Store/store.js' in '/opt/render/project/src/frontend'
Jan 27 03:22:52 PM  resolve './Store/store.js' in '/opt/render/project/src/frontend'
Jan 27 03:22:52 PM    using description file: /opt/render/project/src/package.json (relative path: ./frontend)
Jan 27 03:22:52 PM      Field 'browser' doesn't contain a valid alias configuration
Jan 27 03:22:52 PM      using description file: /opt/render/project/src/package.json (relative path: ./frontend/Store/store.js)
Jan 27 03:22:52 PM        no extension
Jan 27 03:22:52 PM          Field 'browser' doesn't contain a valid alias configuration
Jan 27 03:22:52 PM          /opt/render/project/src/frontend/Store/store.js doesn't exist
Jan 27 03:22:52 PM        .js
Jan 27 03:22:52 PM          Field 'browser' doesn't contain a valid alias configuration
Jan 27 03:22:52 PM          /opt/render/project/src/frontend/Store/store.js.js doesn't exist
Jan 27 03:22:52 PM        .jsx
Jan 27 03:22:52 PM          Field 'browser' doesn't contain a valid alias configuration
Jan 27 03:22:52 PM          /opt/render/project/src/frontend/Store/store.js.jsx doesn't exist
Jan 27 03:22:52 PM        *
Jan 27 03:22:52 PM          Field 'browser' doesn't contain a valid alias configuration
Jan 27 03:22:52 PM          /opt/render/project/src/frontend/Store/store.js* doesn't exist
Jan 27 03:22:52 PM        as directory
Jan 27 03:22:52 PM          /opt/render/project/src/frontend/Store/store.js doesn't exist
Jan 27 03:22:52 PM  
Jan 27 03:22:52 PM  webpack 5.74.0 compiled with 2 errors in 5126 ms
Jan 27 03:22:52 PM  npm ERR! code 1
Jan 27 03:22:52 PM  npm ERR! path /opt/render/project/src
Jan 27 03:22:52 PM  npm ERR! command failed
Jan 27 03:22:52 PM  npm ERR! command sh -c webpack

1. 修复路径大小写问题 #

Render基于Linux环境，文件名/路径严格区分大小写；而本地Windows/macOS默认不区分。项目实际frontend目录下是小写的components和store，但导入时用了大写开头的路径，导致Webpack找不到文件。

修改felp.jsx中的导入语句：

// 原导入
import Root from './Components/root.jsx';
import store from './Store/store.js';

// 修改后
import Root from './components/root.jsx';
import store from './store/store.js';

2. 优化Webpack配置 #

在webpack.config.js中添加扩展名解析规则，避免后缀缺失导致的解析错误：

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

3. 清理无效的browser字段 #

若package.json中存在空值或无效的browser字段，会触发Field 'browser' doesn't contain a valid alias configuration提示，直接移除该字段即可：

{
  // ...其他配置
  // 删除无效的browser字段
  // "browser": {}
}

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