node.js - 无法解决节点模块“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>
)
}
解决方案
推荐阅读
- python - 我应该使用哪个版本的 ChromeDriver/Selenium?
- python - AssertionError:输入张量的大小和输入格式不同。- Tensorboard 添加图片
- laravel - foreach 循环在连接语句中迭代相同的值
- python - AttributeError: 'tuple' 对象没有属性 'tag_name' - 当我想从 Selenium POM 中选择下拉列表时
- json - 当我想在我的购物车抽屉中创建免费送货栏时,我应该在哪里添加 json 代码(Flex - 沙盒外)
- python - 如何根据其他列中的值对 Pandas 中的值进行排序?
- python - CFG 中的 NLTK python 变量
- javascript - 我正在尝试创建一个名为 user args 的频道。[DISCORD.JS V12]
- vue.js - Vue中绑定到数据属性的div的动画宽度
- unity3d - Handheld.PlayFullScreenMovie 方法没有返回按钮