Antd-mobile failed to load react-app-rewired

const {injectBabelPlugin} = require ("react-app-rewired");
module.exports = function override (config, env) {

config = injectBabelPlugin(["import", { libraryName: "antd-mobile", style: "css" }], config);
return config;

};
I followed the steps of the official website, but the console reported an error
yarn run v1.7.0
$react-app-rewired start
injectBabelPlugin is not a function
errorinfo Visit Command failed with exit code 1.
https://yarnpkg.com/en/docs/c... for documentation about this command.

Process finished with exit code 1

Apr.16,2022

has been resolved, solution
make sure u installed 'customize-cra' and react-app-rewired@2.x
make sure u installed' less' and 'less-loader'
and then here is the config-overrides.js
const {
override,
fixBabelImports,
addLessLoader,
} = require ("customize-cra");

module.exports = override (
fixBabelImports ("import", {

)
libraryName: "antd", libraryDirectory: "es", style: true // change importing css to less

}),
addLessLoader ({

)
javascriptEnabled: true,
modifyVars: { "@primary-color": "-sharp1DA57A" }

})
);

Menu