Question

我正在将SSR与React结合使用，并在尝试对应用进行代码拆分的同时将Reactable可加载。我相信这只会在服务器端发生，因为我看到网络在客户端上请求这些块文件，并且它们都得到200个文件，并且我可以看到捆绑包代码。我对在渲染期间无法在何处或如何找到模块感到困惑。

我一直在收到如下错误：

{ Error: Cannot find module './component~other-component.chunk.js'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:581:15)
    at Function.Module._load (internal/modules/cjs/loader.js:507:25)
    at Module.require (internal/modules/cjs/loader.js:637:17)
    at require (internal/modules/cjs/helpers.js:22:18)
    at Function.requireEnsure [as e] (bundle.middleware.js:58:25)
    at loader (webpack-internal:///./src/main/webapp/routes.js:164:79)

我在webpack中的优化位如下：

  optimization: {
    splitChunks: {
      cacheGroups: {
        vendor: {
          chunks: 'all',
          minChunks: 1,
          test: /[\\/]node_modules[\\/]/,
          name(module) {
            const packageName = module.context.match(/[\\/]node_modules[\\/](.*?)([\\/]|$)/)[1];
            return `npm.${packageName.replace('@', '')}`;
          }
        },
        default: {
          minChunks: 1,
          reuseExistingChunk: false,
        },
      },
    },

使用SSR时React Loadable无法找到模块

0 个答案: