我正在开发一个应用程序，
但后来我需要使用mediainfojs库，这个库需要wasm文件，根据我的理解，我不能使用repeat-react-app添加它，我不得不弹出它。
在弹出它之后，我去了mediainfo，了解如何在webpack上添加wasm
他们使用CopyPlugin，但当我尝试这样做时，它抱怨我的webpack（4）和CopyPlugin的版本......所以，我决定迁移到webpack 5
这就是痛苦开始的时候.在遵循他们的migration tutorial并在我的webpack.config上做了一系列修改之后，我在运行yarn build时遇到了以下错误：
模块未找到：错误代码：您尝试导入福尔斯项目src/目录之外的/MyWorkspace/project/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/PencctoGenerator。不支持src/之外的相对导入。
调用此babel-preset-react-app的唯一位置是在配置中
这里：

{
                    test: /\.(js|mjs|jsx|ts|tsx)$/,
                    include: paths.appSrc,
                    loader: require.resolve("babel-loader"),
                    options: {
                        customize: require.resolve(
                            "babel-preset-react-app/webpack-overrides"
                        ),

字符串
这里：

{
                    test: /\.(js|mjs)$/,
                    exclude: /@babel(?:\/|\\{1,2})runtime/,
                    loader: require.resolve("babel-loader"),
                    options: {
                        babelrc: false,
                        configFile: false,
                        compact: false,
                        presets: [
                            [
                                require.resolve("babel-preset-react-app/dependencies"),
                                { helpers: true },
                            ],
                        ],
                        cacheDirectory: true,
                        cacheCompression: isEnvProduction,
                        // If an error happens in a package, it's possible to be
                        // because it was compiled. Thus, we don't want the browser
                        // debugger to show the original code. Instead, the code
                        // being evaluated would be much more helpful.
                        sourceMaps: false,
                    },
                },

型
我已经研究了这里报告的类似问题，但大多数问题似乎与动态导入静态文件或导入引用项目目录后的“..”dir有关
完整的webpack配置文件是here
我可能错过了一些非常愚蠢的东西，如果有人能指出，我会很高兴。