callstack / callstack/super-app-example

ReferenceError: Can't find variable: __webpack_require__

Open
#6 0 comments 0 reactions 0 assignees View on GitHub
question
Dominant language
Java
Stars
40
Forks
23
PR merge metrics
No merged PRs in 30d

Description

**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

Contributor guide

Open the contributing guide

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.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.