react-app-rewired 構建拋出嘗試導入錯誤

Question

我有一個帶有 react-native 的 monorepo 用於移動設備，並對 web 做出反應。 當我使用“react-app-rewired build”時，我收到以下錯誤：

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

很明顯，導入/導出有些東西搞砸了，但是“開始”工作正常，一切都很好。 這只發生在“構建”上。 我使用“customize-cra”來擺脫 ModuleScopePlugin，這樣我就可以在 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')])
);

這是我的 config-overrides.js。 我的 tsconfig 沒有改變，它與 cra 附帶的相同。 如果需要任何其他信息，我會添加。 謝謝！

Answer 1

使用 react-app-rewired 時我遇到了同樣的問題。

您可以嘗試使用 craco 覆蓋您的 webpack 配置。 切換到 craco 以某種方式為我消除了這個錯誤。