react报错 (requires that you specify `NODE_ENV` or `BABEL_ENV`)

最新推荐文章于 2023-09-03 14:13:30 发布
最新推荐文章于 2023-09-03 14:13:30 发布
阅读量602 收藏 1
点赞数 1
分类专栏： web前端 文章标签： react.js 前端 前端框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45683187/article/details/125913433
版权

react报错 (requires that you specify NODE_ENV or BABEL_ENV)

原因是我配置less的时候使用了 npm run eject
然后发现jax文件的开头都有一个红色波浪线，找了半天不知道什么原因，虽然不影响代码运行，但是看起巨难受。
最后仔细看了一错误信息“有提到是eslint启动无法读取到开发环境”

解决办法

  1. 因为不知道怎么改所以直接把 package.json里面的eslintConfig删除了，然后就不报错了

  2. 竟然是启动找不到开发环境，那就在vascode setting.json中找到eslint.nodeEnv配置项 写上”eslint.nodeEnv“ :“development”, 然后重启vscode错误就消失

建议使用第二种，不然会影响到Git提交

顽皮小方方
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
React使用.env.*进行环境部署
sayUonly的博客
06-25 3372
在实际开发过程中，我们需要在不同的环境下进行测试。我们可能需要使用 mock 或者灵活修改后端请求 IP 等。为了方便测试，我们需要创建不同的配置文件进行管理，以达到迅速切换运行环境的目的。 React的NODE_ENV 首先，我们来认识一下React常用的运行模式并输出他们的NODE_ENV来看一下。 "scripts": { "start": "react-scripts start", // development "build": "react-scripts build", // prod
node-env-set:需要设置NODE_ENV
05-14
节点环境集 需要设置NODE_ENV。 安装 npm install node-env-set 用法 require ( 'node-env-set' ) // The app will crash if NODE_ENV is not set 测试 mocha 执照 麻省理工学院
react eject后报错Using `babel-preset-react-app` requires that you specify `NODE_ENV` or `BABEL_ENV` env
exxes的博客
04-06 7348
前言，react后台项目进入到了接口阶段，需要设置webpack代理，还有改端口（因为node服务器端和react都是用3000端口） 我们eject出webpack.config.js，eject前要把git修改的提交完，这个真的醉，弄出一大堆东西出来，我就想要一个webpack.config.js不能直接给？ 完事后就出了标题那个错误 Using `babel-preset-react-app` requires that you specify `NODE_ENV` or `BABEL_ENV
react项目报错 Using `babel-preset-react-app` requires that you specify `NODE_ENV` or `BABEL_ENV` 报错解决
TangAcrab的博客
05-31 2712
报错如下: 解决方法。 在package.json 文件eslintConfig中添加如下。 "parserOptions": { "babelOptions": { "presets": [ ["babel-preset-react-app", false], ["babel-preset-react-app/prod"] ] } } 重启vscode后，不再报错。 该问题的具体描述.
Using `babel-preset-react-app` requires that you specify `NODE_ENV` or `BABEL_ENV` environment varia
qq_33715850的博客
05-03 6864
Using `babel-preset-react-app` requires that you specify `NODE_ENV` or `BABEL_ENV` environment varia
React_Redux_Flux_webpack_Babel
09-25
React全栈：Redux+Flux+webpack+Babel整合开发》从现代前端开发的标准、趋势和常用工具入手，由此引出了优秀的构建工具 webpack 和 JavaScript库 React，之后用一系列的实例来阐述两者的特色、概念和基本使用方法。...
react_env
02-09
该项目是通过。可用脚本在项目目录中，可以运行：yarn start 在开发模式下运行应用程序。 打开在浏览器中查看。... 相反，它将所有配置文件和传递依赖项（webpack，Babel，ESLint等）直接复制到您的项目中，因此您
react_webpack_babel
02-16
使用Babel，SASS，PostCSS，Webpack，Yarn和React的Hello World应用程序 纱线初始化-是 纱线添加--dev webpack @ babel / core babel-loader @ babel / preset-env节点-sass css-loader sass-loader样式加载器post...
React_Node_Api:带有Node后端的React App
04-28
本项目"React_Node_Api"就是一个实例，展示了如何将React作为前端框架与Node.js作为后端服务器进行集成。以下是关于这个项目的详细知识点： 1. **React**: React是由Facebook开发的JavaScript库，专门用于构建用户...
cra项目弹出配置后报错： Using `babel-preset-react-app` requires that you specify `NODE_ENV` or `BABEL_ENV` env
cghkv的博客
07-30 420
网上一些人的解决方案是修改直接node_modules中babel-preset-react-app的index.js 文件，这种方法肯定是不合适的。出现问题的原因未知，start.js中可以看到，BABEL_ENV和NODE_ENV是赋了值的。可以在 .eslintrc.js 中，通过配置babel预设的方式解决报错。
react报错jsx: Using `babel-preset-react-app` requires that you specify `NODE_ENV` or `BABEL_ENV` envi
weixin_51231997的博客
05-13 2244
react报错jsx: Using `babel-preset-react-app` requires that you specify `NODE_ENV` or `BABEL_ENV` envi解决方式 原因：eslint插件启动没有注入开发环境ENV，导致babel-preset-react-app无法解析 方式一： 删除package.json中的eslintConfig配置 方式二： 原因：eslint插件启动没有注入开发环境ENV，导致babel-preset-react-app无法解析 方式一
【react】解决babel-preset-react-app报错
zhangankang的博客
03-11 2832
报错： 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.
eslint报错：Parsing error: No Babel config file detected 。不要再加requireConfigFile“: false了！
m0_71981318的博客
09-02 2396
看到网上有人说的解决方法就是配置requireConfigFile:false，本质上就是告诉eslint,不用给我查找这个配置文件了，但是我又继续查了资料，看到有博主说，这样只是从表面上的确可以解决这个报错，但是你在babel配置文件里写的东西也就失效了。后面我又查了其他资料解决了这个报错。 直接上解决方法：用编辑器重新打开该项目，让你的项目作为根目录打开。就是说不要运行的时候再套一层文件夹，还需要cd进去运行。
React 之 Parsing error: The type cast expression is expected to be wrapped with parenthesis.
最新发布
HansonJohn的博客
09-03 298
在父组件给子组件设置属性时出现了一些语法的报错。
基于create-react-app的再配置
lililiaaa的博客
03-26 732
使用Facebook官方推出的create-react-app脚手架，我们基本可以零配置搭建基于webpack的React开发环境。但是，如果需要个性化定制，则还需要基于create-react-app进行再配置 环境变量 【设置】 在根目录下新建.env文件，可以用于本地环境变量覆盖 如在该文件中进行如下设置 PORT=2000 则开发服务器会在2000端口开启服务 【默认】 默认支持的环境变...
解决 eslint 的 Parsing error: Unexpected token 错误
热门推荐
xzlAwin的博客
10-29 6万+
解决 eslint 的 Parsing error: Unexpected token 错误 问题描述：import动态导入，将js文件单独打包时，webpack打包错误 ERROR in ./src/js/main.js Module Error (from ./node_modules/_eslint-loader@4.0.2@eslint-loader/dist/cjs.js ): F:\workspace\javascript workspace\webpack\prj18_3\src\js\
ESlint发生 Parsing error 错误的解决办法
qq_44884577的博客
04-13 3万+
ESlint发生 Parsing error 错误的解决办法
React从创建到部署遇到的问题及解决方法【更新中~】
柠的博客
07-21 551
引入antd；在index.tsx中引入antd.css报错；使用Ant Design Pro；引入@rollup/plugin-node-resolve；使用event时ts类型设置；安装router6；引入normalize.css；新建react+ts项目；npm run eject时报错：暴露webpack配置文件；react引用less文件样式不生效；修改react启动端口，打开浏览器配置；报错Parsing error: [BABEL] [在文件的最前面报错]；使用redux-toolkit库
编译报错 error in ./node_modules/@monaco-editor/react/dist/index.mjs 怎么解决
07-14
当编译报错 `error in ./node_modules/@monaco-editor/react/dist/index.mjs` 时，你可以尝试以下解决方法： 1. 清除项目的缓存并重新安装依赖。执行以下命令： ```bash rm -rf node_modules yarn install ``` ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值