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

发布于
2018-01-09

按照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"
  }
}

目录结构

react antd create-react-app

阅读 19.5k

8 个回答

得票最新

Imp_Rastignac

发布于
2018-06-05

新手上路，请多包涵

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

幸福遇见

514

发布于
2018-09-12

新手上路，请多包涵

这个问题我也遇到了，还踩了坑，如果遇见这个错误，直接 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目录应该是完全不起作用，不知道其他小伙伴遇到没