使用react-app-rewired启动react项目报错了

Question

按照antd官网上进行配置 结果 npm start启动报错了 不知道为什么

config-overrides.js

const {injectBabelPlugin} = require('react-app-rewired');
const rewireLess = require('react-app-rewire-less');
module.exports = function override(config, env) {
    config = injectBabelPlugin(['import', {libraryName: 'antd', style: true}], config);
    config = rewireLess.withLoaderOptions({
        modifyVars: {"@primary-color": "#1DA57A"},
    })(config, env);
    return config;
};

package.json

{
  "name": "campus-card",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "antd": "^3.1.1",
    "babel-plugin-import": "^1.6.3",
    "react": "^16.2.0",
    "react-app-rewire-less": "^2.1.0",
    "react-app-rewired": "^1.4.0",
    "react-dom": "^16.2.0",
    "react-scripts": "1.0.17"
  },
  "scripts": {
    "start": "react-app-rewired start",
    "build": "react-app-rewired build",
    "test": "react-app-rewired test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

目录结构

Answer 1

你是不是 yarn run eject 了？不暴露配置的情况下是可以的。

Answer 2

这个问题我也遇到了，还踩了坑，如果遇见这个错误，直接 npm install react-scripts 就可以解决问题，但这样会存在另一个问题，会造成你由yarn run eject检出config目录下更改一些配置无效，比如在config目录下配置less去掉hash配置等无效，这个如果你想继续配置less等其他操作，必须到node_modules下的react-scripts目录下的config去配置，个人估计npm install react-scripts之后由yarn run eject检出config目录应该是完全不起作用，不知道其他小伙伴遇到没

Answer 3

在react-scripts模块下找不到package.json，说明你npm i 没有成功，或者react-scripts包版本不对。

Answer 4

可能是没有安装react-scripts模块

Answer 5

我也遇到这样的问题了，如果是使用create-react-app脚手架的话，会自动安装这个包的，反之的话需要手动安装下react-scripts包依赖。

Answer 6

同样遇到了，我出现这个问题的原因是我用的ts，所以改成const scriptVersion = custom_scripts || 'react-scripts-ts';就行了。

Answer 7

react-scripts 升级到 2.1.2 以后破坏了 react-app-rewired：https://github.com/timarney/r...

然后 react-app-rewired 升级到 2.x 以后直接干掉了所有 helpers：https://github.com/timarney/r...

https://github.com/ant-design...

Answer 8

同样遇到！~这个问题！！1
你好 怎么解决啊 ？同样遇到这个问题了