Почему при обновлении страницы не встраиваются скрипты?

Question

[OliveRrRrr]

Столкнулся с проблемой при обновлении страницы на странице Main, все работает, если открывать модальное окно то все тоже работает, но если я обновлю на модальном окне, то мне выкидывает ошибку, и даже не знаю как подступиться. При обновлении на мейн ровно этот же скрипт с этим же названием он подхватывает. Обычный рядовой проект на ts, react, styled components, сборщик webpack.

export const AppRouter = () => {
    const location = useLocation()
    const state = location.state
    const navigate = useNavigate()

    return (
        <>
            <Routes location={state?.card || location}>
                <Route
                    path={ClientRoutes.MAIN_PATH}    //и открывается и обновляется
                    element={<MainPageLazy />}
                />
                <Route
                    path={`${ClientRoutes.CARD_INFO_PATH}:id`}      
                    element={<h2>скрипты не встраиваются</h2>}
                />
            </Routes>
            {state?.card && (
                <Routes>
                    <Route
                        path={`${ClientRoutes.CARD_INFO_PATH}:id`}      // открывается и не обновляется
                        element={
                            <Modal close={() => navigate(-1)}>
                                <Info />
                            </Modal>
                        }
                    />
                </Routes>
            )}
        </>
    )
}

Comments

[Михаил Р.]

А вебпаккофиг покажите?

[OliveRrRrr]

Михаил Р.,

export function buildBabelLoader({ mode }: TBuildOptions) {
    const isDev = mode === 'development'
    const isProd = mode === 'production'

    const plugins = []

    if (isProd) {
        plugins.push([
            removeDataTestIdBabelPlugin,
            {
                props: ['data-testid']
            }
        ])
    }

    plugins.push(['babel-plugin-styled-components'])

    return {
        test: /\.tsx?$/,
        exclude: /node_modules/,
        use: {
            loader: 'babel-loader',
            options: {
                presets: [
                    '@babel/preset-env',
                    '@babel/preset-typescript',
                    [
                        '@babel/preset-react',
                        {
                            runtime: isDev ? 'automatic' : 'classic'
                        }
                    ]
                ],
                plugins: plugins.length ? plugins : undefined
            }
        }
    }
}
export function buildPlugins(options: TBuildOptions): Configuration['plugins'] {
    const { mode, paths, platform } = options
    const isDev = mode === 'development'
    const isProd = mode === 'production'

    const plugins: Configuration['plugins'] = [
        new HtmlWebpackPlugin({
            template: paths.html,
            favicon: path.resolve(paths.public, 'favicon.ico')
        }),
        new DefinePlugin({
            __PLATFORM__: JSON.stringify(platform),
            __ENV__: JSON.stringify(mode)
        }),
        new ForkTsCheckerWebpackPlugin(),
        new CopyPlugin({
            patterns: [
                {
                    from: path.resolve(paths.base, '_redirects'),
                    to: path.resolve(paths.output)
                }
            ]
        })
    ]

    if (isDev) {
        plugins.push(new ReactRefreshWebpackPlugin())
        plugins.push(new ESLintPlugin())
    }

    if (isProd) {
        plugins.push(
            new CopyPlugin({
                patterns: [
                    {
                        from: path.resolve(paths.public, 'locales'),
                        to: path.resolve(paths.output, 'locales')
                    }
                ]
            })
        )
        plugins.push(new TerserPlugin())
    }

    return plugins
}
export function buildDevServer(options: TBuildOptions): DevServerConfiguration {
    const { mode, port } = options
    const isDev = mode === 'development'

    const devServer = {
        port: port ?? 3000,
        open: true,
        historyApiFallback: true,
        hot: true
    }

    return isDev ? devServer : undefined
}

devserver на dev моде запускается