Не удается загрузить API выборки webpack-internal:///./node_modules/next-i18next/dist/esm/appWithTranslation.js. Схема URL «webpack-внутренний» не поддерживается

#reactjs #next.js #next-i18next

Вопрос:

После установки next-i18next я продолжаю получать эту ошибку даже на страницах, где я ее не использую. Я не знаю, как это исправить. К счастью, это ничего не нарушает, но это мое next-i18next.config.js

 module.exports = {
  i18n: {
    locales: ['en', 'fr', 'de', 'it', 'es'],
    defaultLocale: 'es',
  },
};
 

это мои страницы getServerSideProps на моей странице (baseUrl-это отдельная вещь, не связанная с переводами).

 export async function getServerSideProps({locale}) {
  const { publicRuntimeConfig } = getConfig();
  
  return {
    props: {
      baseUrl: publicRuntimeConfig.API_BASE_URL ? publicRuntimeConfig.API_BASE_URL : null,
      ...(await serverSideTranslations(locale, ['dashboard'])),
      // Will be passed to the page component as props
    },
  }
}
 

и мой _app.js

 import {AuthProvider} from '../context/AuthContext';
import { UserProvider } from '../context/UserContext';
import ProtectedRoute from '../controllers/ProtectedRoute';
import {appWithTranslation} from 'next-i18next';

function MyApp({ Component, pageProps, router }) {

  return (
    <AuthProvider>
      <UserProvider>
        <ProtectedRoute router={router}>
          <Component {...pageProps} />
        </ProtectedRoute>
      </UserProvider>
    </AuthProvider>
  )
}

export default appWithTranslation(MyApp);
 

Комментарии:

1. Вы пробовали удалить свою .next папку и снова запустить приложение?

2. Да, к сожалению, это не имело никакого значения. Я все равно попробую еще раз