reactjs - Fetch API 无法加载 webpack-internal:///./node_modules/next-i18next/dist/esm/appWithTranslation.js。不支持 URL 方案“webpack-internal”

Question

安装 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);