Closed HongQuang231 closed 2 weeks ago
This issue has been marked as stale because it has been inactive for 30 days. Please update this issue or it will be automatically closed in 14 days.
@HongQuang231, have you tried running the mini app in standalone mode and seeing whether the carousel works there?
Closing since no followup from the author and it's virtually impossible to fix without reproduction - if it's still a problem in the future, please create a new issue using new template and make sure to provide a minimal reproduction repository
Ask your Question
✖ [11:43:07.277Z][DevServer] Failed to symbolicate { reqId: 'req-c', error: 'File src_navigation_Request_tsx.chunk.bundle for ios not found in compilation assets' } ✖ [11:43:07.278Z][DevServer] Internal Server Error { reqId: 'req-c', req: { method: 'POST', url: '/symbolicate', hostname: 'localhost:8081', remoteAddress: '::1', remotePort: 53063 }, res: { statusCode: 500 }, err: { type: 'InternalServerError', message: 'Internal Server Error', stack: 'InternalServerError: Internal Server Error\n' + ' at Object.internalServerError (/Users/hongquang/Documents/fis/super-app-project/hostApp/node_modules/@fastify/sensible/lib/httpErrors.js:137:19)\n' + ' at _Reply.internalServerError (/Users/hongquang/Documents/fis/super-app-project/hostApp/node_modules/@fastify/sensible/index.js:50:42)\n' + ' at Object. (file:///Users/hongquang/Documents/fis/super-app-project/hostApp/node_modules/@callstack/repack-dev-server/dist/plugins/symbolicate/sybmolicatePlugin.js:36:13)\n' +
' at process.processTicksAndRejections (node:internal/process/task_queues:95:5)',
explicitInternalServerError: true,
status: 500,
statusCode: 500,
expose: false
}
}
can you help me, I try direct to mini app and it throw error
my .mjs file
`import {createRequire} from 'node:module'; import path from 'node:path'; import TerserPlugin from 'terser-webpack-plugin'; import * as Repack from '@callstack/repack';
const dirname = Repack.getDirname(import.meta.url); const {resolve} = createRequire(import.meta.url);
const STANDALONE = Boolean(process.env.STANDALONE); // const STANDALONE = true;
/**
/**
when running with
react-native start/bundle
. */ export default env => { const { mode = 'development', context = dirname, entry = './index.js', platform = process.env.PLATFORM, minimize = mode === 'production', devServer = undefined, bundleFilename = undefined, sourceMapFilename = undefined, assetsPath = undefined,reactNativePath = resolve('react-native'), } = env;
if (!platform) { throw new Error('Missing platform'); }
/**
devServer.hmr
tofalse
.devServer
object is not availablewebpack-bundle
command. Be sure/**
env
in your Babel config, you can remove it.BABEL_ENV
orNODE_ENV
development
orproduction
. Otherwise your production code might be compiled withreturn { mode, /**
false
, since the Source Map configuration is doneSourceMapDevToolPlugin
. */ devtool: false, context, /**getInitializationEntries
will return necessary entries with setup and initialization code.hmr
option tofalse
. By default,HMR will be enabled in development mode. */ entry: [ ...Repack.getInitializationEntries(reactNativePath, { hmr: devServer && devServer.hmr, }), entry, ], resolve: { /**
getResolveOptions
returns additional resolution configuration for React Native.<file>.<platform>.<ext>
(eg:file.ios.js
)react-native
fieldpackage.json
might not work correctly. */ ...Repack.getResolveOptions(platform),/**
react-native*
imports will resolve to the same React Nativepath
. In order for the.ipa
/.apk
, they need to be copied over withRepack.OutputPlugin
, which is configured by default insideRepack.RepackPlugin
. */ output: { clean: true, hashFunction: 'xxhash64', path: path.join(dirname, 'build/generated', platform), filename: 'index.bundle', chunkFilename: '[name].chunk.bundle', publicPath: Repack.getPublicPath({platform, devServer}), }, /**Configures optimization of the built bundle. */ optimization: { /* Enables minification based on values passed from React Native CLI or from fallback. / minimize, / Configure minimizer to process the bundle. / minimizer: [ new TerserPlugin({ test: /.(js)?bundle(\?.)?$/i, /
include
list.cacheDirectory
- please refer to:{ test: /.svg$/, use: [ { loader: '@svgr/webpack', options: { native: true, // You might want to uncomment the following line. // More info: https://react-svgr.com/docs/options/#dimensions // dimensions: false, }, }, ], }, /**
cacheDirectory
- please refer to:ASSET_EXTENSIONS
, for example:new Repack.plugins.ModuleFederationPlugin({ name: 'eRequest', exposes: { './eRequestApp': './src/navigation/Request', }, shared: { react: { singleton: true, eager: STANDALONE, requiredVersion: '18.2.0', }, 'react-native': { singleton: true, eager: STANDALONE, requiredVersion: '0.74.2', }, '@react-navigation/native': { singleton: true, eager: STANDALONE, requiredVersion: '6.1.17', }, '@react-navigation/native-stack': { singleton: true, eager: STANDALONE, requiredVersion: '6.9.26', }, 'react-native-safe-area-context': { singleton: true, eager: STANDALONE, requiredVersion: '4.10.5', }, '@react-navigation/bottom-tabs': { singleton: true, eager: STANDALONE, requiredVersion: '6.5.20', }, '@react-native-async-storage/async-storage': { singleton: true, eager: STANDALONE, requiredVersion: '1.23.1', }, 'react-native-reanimated': { singleton: true, eager: STANDALONE, requiredVersion: '3.12.1', }, 'react-native-gesture-handler': { singleton: true, eager: STANDALONE, requiredVersion: '2.17.1', }, 'react-native-svg': { singleton: true, eager: STANDALONE, requiredVersion: '15.3.0', }, i18next: { singleton: true, eager: STANDALONE, requiredVersion: '23.11.5', }, 'react-i18next': { singleton: true, eager: STANDALONE, requiredVersion: '14.1.2', }, redux: { singleton: true, eager: STANDALONE, requiredVersion: '5.0.1', }, 'react-redux': { singleton: true, eager: STANDALONE, requiredVersion: '9.1.2', }, '@reduxjs/toolkit': { singleton: true, eager: STANDALONE, requiredVersion: '2.2.5', }, 'redux-saga': { singleton: true, eager: STANDALONE, requiredVersion: '1.3.0', }, 'redux-persist': { singleton: true, eager: STANDALONE, requiredVersion: '6.0.0', }, 'react-native-date-picker': { singleton: true, eager: STANDALONE, requiredVersion: '5.0.4', }, 'react-native-pager-view': { singleton: true, eager: STANDALONE, requiredVersion: '6.3.3', }, 'react-native-tab-view': { singleton: true, eager: STANDALONE, requiredVersion: '3.5.2', }, 'react-native-reanimated-carousel': { singleton: true, eager: STANDALONE, requiredVersion: '3.5.1', }, '@react-native-masked-view/masked-view': { singleton: true, eager: STANDALONE, requiredVersion: '0.3.1', }, }, }),
//sign app // new Repack.plugins.CodeSigningPlugin({ // // enabled: mode === 'production', // privateKeyPath: './code-signing.pem', // excludeChunks: /local/, // }), ], }; }; `