ChunkLoadError on Android about repack

[zamotany]

Can you prepare a repro project? Something is wrong with the way your project is being built, because it should never load chunk with such URI - noop://.

[zamotany]

@DanijelBojcic localChunks matches only chunk name (or id if can cannot be obtained), so /\.chunk\.(js)?bundle$/ won't match anything. If you want to match everything you should provide /.*/ instead. If you want only specific chunks I suggest to:

1. Use /* webpackChunkName: "myChunk" */ in import()
2. Set localChunks: ['myChunk'] or localChunks: [/myChunk/]

[zamotany]

Also make sure you're building with dev=false from Gradle. npx react-native webpack-bundle ... works because you're passing --dev false manually, but it looks like the build from Gradle is passing dev as true.

[gedeagas]

Also make sure you're building with dev=false from Gradle. npx react-native webpack-bundle ... works because you're passing --dev false manually, but it looks like the build from Gradle is passing dev as true.

let me double check again. And i will try to create a repro project.

Thanks for the swift response @zamotany

[gedeagas]

@zamotany i can't make the repro yet but i just added a logger in the webpack config.

The build from Gradle is indeed on production mode.

I even manually disabled the hmr.

entry: [
    ...ReactNative.getInitializationEntries(reactNativePath, {
      hmr: false,
    }),
    entry,
  ],

[DanijelBojcic]

I'm getting the same error in release builds. ( both android and iOS )

Description

It seems like the local chunks are not included in the apk.
When I inspect the iOS .app file there is only a main.jsbundle.

I have checked the dev variable in the config and its false.

Crashlytics stack trace:

Fatal Exception: com.facebook.react.common.c: ChunkLoadError: Loading chunk 9557 failed.
(resolution: 9557)

Versions:

repack: 2.5.1,
react-native: 0.65.1,
webpack: 5.65.0,

[zamotany]

It seems like the local chunks are not included in the apk.

Have you specified localChunks property in OutputPlugin in your Webpack config?

[DanijelBojcic]

I think so...

  new ReactNative.OutputPlugin({
      platform,
      devServerEnabled: devServer.enabled,
      remoteChunksOutput: path.join(__dirname, "build", platform, "remote"),
      localChunks: /\.chunk\.(js)?bundle$/,
    }),

[DanijelBojcic]

Maybe I should have mentioned that we use monorepo and we have multiple targets/flavors.

[andreszuluaga-wolox]

@zamotany how to generate the apk and the ipa to include the local chunks

[zamotany]

Local chunks should be included in the apk/ipa by default. Are you getting any errors?

[jd1378]

I have the same problem
after setting localChunks to [/.*/] it seems the chunks make their way into the apk, but it seems to me that despite using webpackChunkName in import(), and using chunkFilename: '[name].chunk.bundle', in webpack config, chunks still get named randomly (like 462.chunk.bundle)
So it fails

I get a different error in logs though:

'ChunkManager.resolveChunk error:', 'No remote chunk resolver was provided. Did you forget to add `ChunkManager
.configure({ resolveRemoteChunk: ... })`?'