鍍金池/ 問答/HTML5  HTML/ 使用react-app-rewired啟動react項目報錯了

使用react-app-rewired啟動react項目報錯了

按照antd官網(wǎng)上進行配置 結(jié)果 npm start啟動報錯了 不知道為什么

clipboard.png

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

目錄結(jié)構(gòu)

clipboard.png

回答
編輯回答
獨特范

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

2017年4月22日 14:08
編輯回答
愛礙唉

可能是沒有安裝react-scripts模塊

2018年8月12日 19:15
編輯回答
枕頭人

同樣遇到！~這個問題??！1
你好 怎么解決啊 ？同樣遇到這個問題了

2018年1月9日 14:26
編輯回答
妖妖

在react-scripts模塊下找不到package.json，說明你npm i 沒有成功，或者react-scripts包版本不對。

2017年9月18日 11:22
編輯回答
笨笨噠

我也遇到這樣的問題了，如果是使用create-react-app腳手架的話，會自動安裝這個包的，反之的話需要手動安裝下react-scripts包依賴。

2017年4月18日 19:09
編輯回答
誮惜顏

這個問題我也遇到了，還踩了坑，如果遇見這個錯誤，直接 npm install react-scripts 就可以解決問題，但這樣會存在另一個問題，會造成你由yarn run eject檢出config目錄下更改一些配置無效，比如在config目錄下配置less去掉hash配置等無效，這個如果你想繼續(xù)配置less等其他操作，必須到node_modules下的react-scripts目錄下的config去配置，個人估計npm install react-scripts之后由yarn run eject檢出config目錄應該是完全不起作用，不知道其他小伙伴遇到?jīng)]

2018年4月17日 09:35