首页 > 解决方案 > 无法解决节点模块“fs、tls、net”中的多个依赖项

问题描述

最近,由于解析节点模块中的依赖项时出错,我在渲染 Next.js 应用程序时遇到了问题。这也阻止了我的 next.js 页面加载,我坚信这是由于“apollo-server-micro”依赖关系,因为当任何与之相关的导入被注释掉时,页面能够成功加载。

我已经尝试删除我的 node_modules 并重新安装它们,但它们不起作用以及单独安装软件包。但是,尽管只是安装了包 "fs" ,但我一直收到错误消息

error - ./node_modules/busboy/lib/main.js:1:0
Module not found: Can't resolve 'fs'

登录页面 当我尝试访问登录页面时,会出现上面显示的错误。

//import { gql ,useMutation} from 'apollo-server-micro'; // when commented out the page loads otherwise it gives an error "could not find files for login page in next/build-manifest.json"
import Router from "next/router";
import React, {  useEffect, useState } from 'react'
import AuthField from '../components/auth/authField'



export default function Login(props) {
    const [disabled,setDisabled] = useState(false);
    // const [user,setUser] = useContext(UserContext);

    const [username,setUsername] = useState('');
    const [password,setPassword] = useState("");

     const handleSubmit = (e) => {
       e.preventDefault();
       console.log({username,password});

       setDisabled(true);
     }

    return (
        <div className="h-screen bg-light relative">
           <div  className=" bg-superlight rounded-sm  w-4/12 absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 ">
                <header className=" border-b border-solid border-light">
                    <div className="mx-auto w-10/12 py-4 flex items-center justify-between">
                        <p className="font-semibold text-2xl text-dark ">Login</p>

                    </div>
                </header>
          
            
            <form onSubmit={handleSubmit} className="shadow-md mx-auto  w-full text-right">
    
             <AuthField type='username' name="username" label="Username" value={username} onChange={(e) => setUsername(e.target.value)} />
              <AuthField type='password' name="password" label="Password" value={password} onChange={(e) => setPassword(e.target.value)} />
            
               <button type='submit' disabled={disabled} className=" px-8 py-4 bg-dark text-light font-bold">Login</button>
            </form>
            </div>
        </div>
    )
}

标签: node.jsnext.jsapollo

解决方案


推荐阅读