小编Tyl*_*Kim的帖子

我刚刚在使用 NextJs 的链接组件导航到不同的链接时遇到了这个错误；一旦出现此错误，我就无法访问任何页面，直到重新启动 npm run build 命令，一切才再次正常工作。

但是，我无法弄清楚导致此错误的原因，并且我想确保这不会在我的生产应用程序中发生。有谁知道可能导致此错误的原因是什么？

Error: Cannot find module './undefined'
Require stack:
- /Users/tylerkim/Documents/GitHub/scraft/scraft-app/.next/server/webpack-runtime.js
- /Users/tylerkim/Documents/GitHub/scraft/scraft-app/.next/server/pages/_document.js
- /Users/tylerkim/Documents/GitHub/scraft/scraft-app/node_modules/next/dist/server/require.js
- /Users/tylerkim/Documents/GitHub/scraft/scraft-app/node_modules/next/dist/server/load-components.js
- /Users/tylerkim/Documents/GitHub/scraft/scraft-app/node_modules/next/dist/build/utils.js
- /Users/tylerkim/Documents/GitHub/scraft/scraft-app/node_modules/next/dist/build/output/store.js
- /Users/tylerkim/Documents/GitHub/scraft/scraft-app/node_modules/next/dist/build/output/index.js
- /Users/tylerkim/Documents/GitHub/scraft/scraft-app/node_modules/next/dist/cli/next-dev.js
- /Users/tylerkim/Documents/GitHub/scraft/scraft-app/node_modules/next/dist/bin/next
    at Module._resolveFilename (node:internal/modules/cjs/loader:956:15)
    at mod._resolveFilename (/Users/tylerkim/Documents/GitHub/scraft/scraft-app/node_modules/next/dist/build/webpack/require-hook.js:183:28)
    at Module._load (node:internal/modules/cjs/loader:804:27)
    at Module.require (node:internal/modules/cjs/loader:1022:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at __webpack_require__.f.require (/Users/tylerkim/Documents/GitHub/scraft/scraft-app/.next/server/webpack-runtime.js:233:28)
    at /Users/tylerkim/Documents/GitHub/scraft/scraft-app/.next/server/webpack-runtime.js:160:40
    at Array.reduce (<anonymous>)
    at __webpack_require__.e (/Users/tylerkim/Documents/GitHub/scraft/scraft-app/.next/server/webpack-runtime.js:159:67)
    at Array.map (<anonymous>) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    '/Users/tylerkim/Documents/GitHub/scraft/scraft-app/.next/server/webpack-runtime.js',
    '/Users/tylerkim/Documents/GitHub/scraft/scraft-app/.next/server/pages/_document.js',
    '/Users/tylerkim/Documents/GitHub/scraft/scraft-app/node_modules/next/dist/server/require.js',
    '/Users/tylerkim/Documents/GitHub/scraft/scraft-app/node_modules/next/dist/server/load-components.js',
    '/Users/tylerkim/Documents/GitHub/scraft/scraft-app/node_modules/next/dist/build/utils.js',
    '/Users/tylerkim/Documents/GitHub/scraft/scraft-app/node_modules/next/dist/build/output/store.js',
    '/Users/tylerkim/Documents/GitHub/scraft/scraft-app/node_modules/next/dist/build/output/index.js',
    '/Users/tylerkim/Documents/GitHub/scraft/scraft-app/node_modules/next/dist/cli/next-dev.js',
    '/Users/tylerkim/Documents/GitHub/scraft/scraft-app/node_modules/next/dist/bin/next'
  ]
}
error - …

我目前正在为我的应用程序使用 NextAuth + Firebase 身份验证。下面的代码完美地处理身份验证和用户会话，但我注意到它实际上并没有创建 Firebase 身份验证下列出的用户；这意味着我无法跟踪 firebase 的本机构建的 DAU 和其他指标。

我已经查看了此文档，但我不太确定这如何具体适用于 nextAuth。如果有人分享他们的经验，将不胜感激！

LoginButton.tsx：

import { useSession, signIn, signOut } from 'next-auth/react';

const ScraftIcon = () => {
  const { data: session } = useSession();

  return (
    <Tooltip title="Log In">
      <button
        onClick={() => signIn('google')}
      >
        <MdLogin size="30" />
      </button>
    </Tooltip>
  );
};

export default ScraftIcon;

[...nextauth].ts：

import NextAuth from "next-auth";
import GoogleProvider from "next-auth/providers/google";
import { FirestoreAdapter } from "@next-auth/firebase-adapter";
import { cert } from "firebase-admin/app"; …