react-app-rewired 构建抛出尝试导入错误

Question

I have a monorepo with react-native for mobile and react for web. When I use "react-app-rewired build", I get the following error:

node_modules/@react-navigation/core/lib/module/getStateFromPath.js
Attempted import error: 'parse' is not exported from 'query-string' (imported as 'queryString').

So clearly something is messed up with the import/exports, but "start" works correctly, and everything's fine with that. This only occurs on "build". I use "customize-cra" to get rid of the ModuleScopePlugin so I can import outside of src

const { removeModuleScopePlugin, override, babelInclude, addBabelPlugins } = require("customize-cra");
const path = require("path");

module.exports = override(
  removeModuleScopePlugin(),        // (1)
  babelInclude([
    path.resolve("src"),
    path.resolve("../components/src"),  // (2)
    path.resolve('../../node_modules'),
  ]),
  addBabelPlugins([require.resolve('babel-plugin-react-native-web')])
);

This is my config-overrides.js. My tsconfig was not changed, it's the same that ships with cra. If any additional information is needed, I'll add that. Thanks!

Answer 1

I had the same issue when using react-app-rewired.

You can try using craco to override your webpack config instead. Switching to craco somehow eliminates this error for me.