yarn eject以后webpack.config.js直接报错
来源：2-7 【TypeScript配置】深挖TS编译流程
精慕门1360481
2024-12-14
当使用yarn eject展开所有隐藏文件后，打开config/webpack.config.js文件，系统提示：ts\config\webpack.config.js: Using babel-preset-react-app requires that you specify NODE_ENV or BABEL_ENV environment variables. Valid values are “development”, “test”, and “production”. Instead, received: undefined. (While processing: “E:\ReactTS\my-app-ts\node_modules\babel-preset-react-app\index.js”)eslint
写回答
1回答
-
阿莱克斯刘
2024-12-22
这个问题通常是因为在执行 `yarn eject` 后，没有正确设置 `NODE_ENV` 或 `BABEL_ENV` 环境变量。以下是解决方案：
1. **设置环境变量**：你需要在启动项目时确保正确设置 `NODE_ENV` 环境变量。你可以在终端运行以下命令：
NODE_ENV=development yarn start
2. **更新 package.json 文件**：你还可以在 `package.json` 文件中更新启动脚本，以确保每次启动时都设置好环境变量。找到 `scripts` 部分，更新 `start` 脚本如下：
"scripts": {
"start": "NODE_ENV=development react-scripts start",
"build": "NODE_ENV=production react-scripts build",
"test": "NODE_ENV=test react-scripts test"
}
3. **配置 .env 文件**：你也可以创建一个 `.env` 文件，在其中设置环境变量。文件内容如下：
NODE_ENV=development
4. **检查 webpack 配置文件**：确保 `config/webpack.config.js` 文件中没有手动设置的环境变量冲突。一般来说，不需要在此文件中手动设置 `NODE_ENV`，但你可以检查一下代码是否有相关设置并进行修正。
通过上述方法，你应该能够解决环境变量的问题。如果问题仍然存在，请告诉我更多细节。00
相似问题