Javascript “如何修复”；“未定义文档”；在带有ejs的节点中

我刚开始学习javascript和nodejs（express和ejs）来开发我的公文包。当我运行下面的javascript时，我遇到了错误

“文档未定义”

。有人能帮我吗？
终端显示此错误

引用错误：未定义文档 反对。（C:\Users\milkc\WebDevelopment\Practice\sassPortfolio\index.js:21:17） at模块编译（内部/modules/cjs/loader.js:701:30） at Object.Module._extensions..js（internal/modules/cjs/loader.js:712:10） at Module.load（内部/modules/cjs/loader.js:600:32） 在tryModuleLoad（内部/modules/cjs/loader.js:539:12） at Function.Module._load（内部/modules/cjs/loader.js:531:3） 位于Function.Module.runMain（内部/modules/cjs/loader.js:754:12） 启动时（内部/bootstrap/node.js:283:19） 在bootstrapNodeJSCore（internal/bootstrap/node.js:622:3）

const express=require（'express'）；
常量app=express（）；
常数端口=3000；
应用程序集（“查看引擎”、“ejs”）；
应用程序使用（express.static（'public'））；
应用程序获取（“/”，（请求，请求）=>{
res.render（“索引”）；
})
应用程序侦听（端口，（）=>{
console.log（'端口上侦听的应用程序'+端口）；
})
//选择Dom项
const menuBtn=document.querySelector（'.btn menu'）；
const menu=document.querySelector（'.menu'）；
const menunan=document.querySelector（'.menu-nav'）；
const menuBranding=document.querySelector（“.menu branding”）；
const navItems=document.querySelectorAll（'.nav item'）；
//设置菜单的初始状态
让showMenu=false；
menuBtn.addEventListener（“单击”，切换菜单）；
函数切换菜单（）{
如果（！showMenu）{
menuBtn.classList.add（'close'）；
menu.classList.add（'show'）；
menunan.classList.add（'show'）；
menuBranding.classList.add（'show'）；
navItems.forEach（item=>item.classList.add（'sjow'）；
}否则{
//设置菜单状态
showMenu=true；
menuBtn.classList.remove（'close'）；
menu.classList.remove（'show'）；
menunan.classList.remove（'show'）；
menuBranding.classList.remove（'show'）；
navItems.forEach（item=>item.classList.remove（'sjow'）；
}
}

甲斐慎太郎










新太郎开
网站开发者、游戏设计师和视频内容创建者

文档仅存在于浏览器中，因此下面的代码显示为html导入的js文件

//code.js
//选择Dom项
const menuBtn=document.querySelector（'.btn menu'）；
const menu=document.querySelector（'.menu'）；
const menunan=document.querySelector（'.menu-nav'）；
const menuBranding=document.querySelector（“.menu branding”）；
const navItems=document.querySelectorAll（'.nav item'）；
//设置菜单的初始状态
让showMenu=false；
menuBtn.addEventListener（“单击”，切换菜单）；
函数切换菜单（）{
如果（！showMenu）{
menuBtn.classList.add（'close'）；
menu.classList.add（'show'）；
menunan.classList.add（'show'）；
menuBranding.classList.add（'show'）；
navItems.forEach（item=>item.classList.add（'sjow'）；
}否则{
//设置菜单状态
showMenu=true；
menuBtn.classList.remove（'close'）；
menu.classList.remove（'show'）；
menunan.classList.remove（'show'）；
menuBranding.classList.remove（'show'）；
navItems.forEach（item=>item.classList.remove（'sjow'）；
}
}

甲斐慎太郎










新太郎开
网站开发者、游戏设计师和视频内容创建者

假设您的主代码是index.js

const express=require（'express'）；
常量app=express（）；
常数端口=3000；
应用程序集（“查看引擎”、“ejs”）；
应用程序使用（express.static（'public'））；
应用程序获取（“/”，（请求，请求）=>{
res.render（“索引”）；
})
应用程序侦听（端口，（）=>{
console.log（'端口上侦听的应用程序'+端口）；
})

您应该通过以下方式启动服务器：

node index.js

---

很高兴知道您已经通过GitHub共享了代码

我刚刚克隆了您的回购协议，下面是我的问题：

我看到这个代码了

const menuBtn=document.querySelector（'.btn menu'）；

因为我有你所有的代码，我做了搜索，但没有找到匹配的

所以我的问题是这个btn菜单在哪里

---

您能否与我们分享更多内容，谢谢

您的

选择Dom项

是

quick.js

或其他js的一部分吗？非常感谢，回复这么快。我在终端中运行'node index.js'。然而