1、使用create-react-app搭建基礎react基礎框架
npm install -g create-react-app yarn // 如果電腦已經全局安裝過即可跳過 create-react-app antd-demo cd antd-demo yarn start
2、安裝antd Ui框架,具體參考官網中antd在 create-react-app 中使用(配置按需引入)
https://ant.design/docs/react/use-with-create-react-app-cn
3、使用create-react-app結合antd搭建的項目中,項目目錄沒有該項目所有的內建配置,執行如下操作
yarn run eject
執行該命令后,運行項目yarn start,提示如下錯誤
解決辦法:yarn add react-scripts
重新輸入 yarn start 即可解決
問題2:
報錯injectBabelPlugin is not a function
原因是react-scripts 升級到 2.1.2 以后破壞了 react-app-rewired
解決方法,對react-scripts進行降級處理
yarn add react-app-rewired@2.0.2-next.0