ReferenceError: Can't find variable: __webpack_require__

Open
#6 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
3/5
Estimated time
1-2 days
Newbie friendliness
30/100
Issue type
Bug
Clarity
Needs clarification
Activity status
Stale
Tech stack
javascript, react-native, webpack

Research direction

Start in host-app/index.js and reproduce the issue with React Native 0.72.3, Re.Pack 3.7.0, and webpack-start using the reported host configuration. Trace the webpack startup and bundle loading path around the reported webpack_require error. Done means the host app starts without the ReferenceError and receives the local webpack bundle.

Written by the indexing model from the issue text.

Description

question

Environment
Host app
React Native: 0.72.3
Repack: 3.7.0
Webpack: 5.91.0
OS: MacOS 13.6.3 - Chip M1 Pro
Xcode: 15.2

Description
I've cloned your repo, I move into host-app, setup environment callstack/repack. I stop metro and run react-native webpack-start with host is my IP Address but it show this, i think it doesn't receive the webpack local
Thank you.

Here is my index.js

import {AppRegistry} from 'react-native';
import App from './src/App';
import {name as appName} from './app.json';
import {ScriptManager, Federated} from '@callstack/repack/client';

ScriptManager.shared.addResolver(async (scriptId, caller) => {
  const resolveURL = Federated.createURLResolver({
    containers: {
      MiniApp: 'http://localhost:9000/[name][ext]',
    },
  });

  const url = resolveURL(scriptId, caller);
  if (url) {
    return {
      url,
      query: {
        platform: Platform.OS,
      },
    };
  }
});

ScriptManager.shared.on('resolving', (...args) => {
  console.log('DEBUG/resolving', ...args);
});

ScriptManager.shared.on('resolved', (...args) => {
  console.log('DEBUG/resolved', ...args);
});

ScriptManager.shared.on('prefetching', (...args) => {
  console.log('DEBUG/prefetching', ...args);
});

ScriptManager.shared.on('loading', (...args) => {
  console.log('DEBUG/loading', ...args);
});

ScriptManager.shared.on('loaded', (...args) => {
  console.log('DEBUG/loaded', ...args);
});

ScriptManager.shared.on('error', (...args) => {
  console.log('DEBUG/error', '111111111111');
  console.log('DEBUG/error', ...args);
});
AppRegistry.registerComponent(appName, () => App);
Screenshot 2024-04-02 at 15 11 16
Dominant language
Java
Stars
40
Forks
23
PR merge metrics
No merged PRs in 30d

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from callstack/super-app-example

All issues in callstack/super-app-example

Similar issues

More Java issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.