具体错误信息:
解决方案:react-app-rewired的新版本中删除injectBabelPlugin方法,这些方法被移到一个“customize-cra”包中了。
1. 下载customize-cra依赖包
cnpm i customize-cra --save-dev
或
yarn add customize-cra --save-dev
2. 下载less,less-loader(如果用不到可以暂时不下载,直接跳转到第3步)
cnpm i less
cnpm i -D less-loader
或
yarn add less
yarn add -dev less-loader
3. 修改config-overrides.js配置
const {override, fixBabelImports, addLessLoader} = require('customize-cra')
module.exports = override(
fixBabelImports('import',
{
libraryName: "antd-mobile",
libraryDirectory: "es",
style: "css"
}),
addLessLoader({
javascriptEnabled: true,
modifyVars: {"@primary-color": "#1DA57A"}
})
);
下载以及修改完成配置之后,重新执行一下npm start命令即可。