cra项目弹出配置后报错： Using `babel-preset-react-app` requires that you specify `NODE_ENV` or `BABEL_ENV` env

 

如题，cra创建的react项目弹出配置后，文件中import下出现红色波浪线，eslint出现如下报错：

Parsing error: [BABEL] xxx/src/components/HOC/DynamicLoad/index.jsx: 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: "xxx/node_modules/babel-preset-react-app/index.js")

 

网上一些人的解决方案是修改直接node_modules中babel-preset-react-app的index.js 文件，这种方法肯定是不合适的。

出现问题的原因未知，start.js中可以看到，BABEL_ENV和NODE_ENV是赋了值的

// Do this as the first thing so that any code reading it knows the right env.
process.env.BABEL_ENV = 'development'
process.env.NODE_ENV = 'development'

可以在 .eslintrc.js 中，通过配置babel预设的方式解决报错

// .eslintrc.js

parserOptions: {
    babelOptions: {
      presets: [
        ['babel-preset-react-app', false],
        'babel-preset-react-app/prod'
      ]
    }
  },