在idea中启动nodejs项目后访问报错:Error: template not found: index.html

本文介绍在IntelliJ IDEA中配置和启动Node.js项目的常见问题及解决方案,涉及项目路径、依赖安装、模板引擎配置等关键步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

      以前一直用idea开发Java项目,最近团队要开发一个nodejs项目,有的人用的是VSCode,而我不想换开发工具了,幸好idea有nodejs插件,安装完以后导入项目即可,电脑上一定要提前安装好nodejs环境,安装好以后,idea的nodejs插件就会自动找到本地node安装路径,自动配置好。项目采用nodejs+typescript+express。

       项目启动前,请先执行 npm install 一下,相当于Java的mvn install,加载依赖的。我的启动类里有如下代码

app.get('/', (req, resp) => {
    resp.render('index', { username: 'test' });
});
student_1.default.initRoute(app);
const server = app.listen(8000, "localhost", () => {
    console.log("demo startup, url: http://localhost:8000");
});

      启动以后,我访问 http://localhost:8000,按理会映射到 index.html页面,但是却报错了:

Error: template not found: index.html
    at createTemplate (D:\workspace\demo\node_modules\nunjucks\src\environment.js:272:15)
    at next (D:\workspace\demo\node_modules\nunjucks\src\lib.js:282:7)
    at handle (D:\workspace\demo\node_modules\nunjucks\src\environment.js:311:11)
    at D:\workspace\demo\node_modules\nunjucks\src\environment.js:321:9
    at next (D:\workspace\demo\node_modules\nunjucks\src\lib.js:280:7)
    at Object.asyncIter (D:\workspace\demo\node_modules\nunjucks\src\lib.js:286:3)
    at Environment.getTemplate (D:\workspace\demo\node_modules\nunjucks\src\environment.js:303:9)
    at Environment.render (D:\workspace\demo\node_modules\nunjucks\src\environment.js:342:10)
    at NunjucksView.render (D:\workspace\demo\node_modules\nunjucks\src\express-app.js:22:9)
    at tryRender (D:\workspace\demo\node_modules\express\lib\application.js:640:10)
 

     上面的启动方式我是在启动类(在这里为js文件)上右键"run app.js";然后我换一种方式启动,例如在idea控制台有个Terminal,这里相当于cmd命令行,我输入D:\nodejs\node.exe D:\workspace\demo\build\app.js 启动以后,访问却是正常的。、

可见上面那种启动方式的配置有问题,导致映射路径错误,最后打开运行时配置“Edit Configurations...”成功定位问题。如下所示为错误的配置:


 

     看到了吗,第一个红框本应该是项目根目录,但是这里确是编译后的目录,怪不得找不到映射路径

     正确配置如下:

 

0 info it worked if it ends with ok 1 verbose cli [ 1 verbose cli 'D:\\DevelopmentTools\\Nodejs\\node.exe', 1 verbose cli 'D:\\DevelopmentTools\\Nodejs\\node_modules\\npm\\bin\\npm-cli.js', 1 verbose cli 'run', 1 verbose cli 'build:test10' 1 verbose cli ] 2 info using npm@6.14.13 3 info using node@v14.17.0 4 verbose run-script [ 'prebuild:test10', 'build:test10', 'postbuild:test10' ] 5 info lifecycle vue-admin-template@4.4.0~prebuild:test10: vue-admin-template@4.4.0 6 info lifecycle vue-admin-template@4.4.0~build:test10: vue-admin-template@4.4.0 7 verbose lifecycle vue-admin-template@4.4.0~build:test10: unsafe-perm in lifecycle true 8 verbose lifecycle vue-admin-template@4.4.0~build:test10: PATH: D:\DevelopmentTools\NodeVersionManage\nvm\v14.17.0\node_modules\npm\node_modules\npm-lifecycle\node-gyp-bin;D:\VisualWorkSpace\iotheadwebpage_vue\node_modules\.bin;C:\Users\Administrator\bin;D:\DevelopmentTools\Git\mingw64\bin;D:\DevelopmentTools\Git\usr\local\bin;D:\DevelopmentTools\Git\usr\bin;D:\DevelopmentTools\Git\usr\bin;D:\DevelopmentTools\Git\mingw64\bin;D:\DevelopmentTools\Git\usr\bin;C:\Users\Administrator\bin;D:\DevelopmentTools\Java\jdk\jdk1.8\bin;C:\Program Files (x86)\Common Files\Oracle\Java\javapath;D:\DevelopmentTools\Vmwore\bin;D:\DevelopmentTools\Maven\WorkMaven\apache-maven-3.8.1\bin;D:\DevelopmentTools\Git\usr\bin;C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0;C:\Windows\System32\OpenSSH;D:\DevelopmentTools\Git\cmd;D:\DevelopmentTools\Tesseract-OCR;D:\DevelopmentTools\Python\Scripts;D:\DevelopmentTools\Tesseract-OCR\tessdata;D:\DevelopmentTools\Python;C:\ProgramData\chocolatey\bin;D:\DevelopmentTools\Gradle\gradle-5.6.4\bin;D:\DevelopmentTools\Tencent\WxApplet\dll;D:\DevelopmentTools\NodeVersionManage\nvm;D:\DevelopmentTools\Nodejs;D:\DevelopmentTools\Cpolar;D:\DevelopmentTools\VsCode\Microsoft VS Code\bin;D:\DevelopmentTools\PyCharm\bin;D:\DevelopmentTools\Idea\IntelliJ IDEA 2024.2.3\bin;D:\DevelopmentTools\NodeVersionManage\nvm;D:\DevelopmentTools\Nodejs;D:\DevelopmentTools\Git\usr\bin\vendor_perl;D:\DevelopmentTools\Git\usr\bin\core_perl 9 verbose lifecycle vue-admin-template@4.4.0~build:test10: CWD: D:\VisualWorkSpace\iotheadwebpage_vue 10 silly lifecycle vue-admin-template@4.4.0~build:test10: Args: [ '/d /s /c', 'vue-cli-service build --mode test10' ] 11 silly lifecycle vue-admin-template@4.4.0~build:test10: Returned: code: 1 signal: null 12 info lifecycle vue-admin-template@4.4.0~build:test10: Failed to exec build:test10 script 13 verbose stack Error: vue-admin-template@4.4.0 build:test10: `vue-cli-service build --mode test10` 13 verbose stack Exit status 1 13 verbose stack at EventEmitter.<anonymous> (D:\DevelopmentTools\NodeVersionManage\nvm\v14.17.0\node_modules\npm\node_modules\npm-lifecycle\index.js:332:16) 13 verbose stack at EventEmitter.emit (events.js:376:20) 13 verbose stack at ChildProcess.<anonymous> (D:\DevelopmentTools\NodeVersionManage\nvm\v14.17.0\node_modules\npm\node_modules\npm-lifecycle\lib\spawn.js:55:14) 13 verbose stack at ChildProcess.emit (events.js:376:20) 13 verbose stack at maybeClose (internal/child_process.js:1055:16) 13 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:288:5) 14 verbose pkgid vue-admin-template@4.4.0 15 verbose cwd D:\VisualWorkSpace\iotheadwebpage_vue 16 verbose Windows_NT 10.0.19045 17 verbose argv "D:\\DevelopmentTools\\Nodejs\\node.exe" "D:\\DevelopmentTools\\Nodejs\\node_modules\\npm\\bin\\npm-cli.js" "run" "build:test10" 18 verbose node v14.17.0 19 verbose npm v6.14.13 20 error code ELIFECYCLE 21 error errno 1 22 error vue-admin-template@4.4.0 build:test10: `vue-cli-service build --mode test10` 22 error Exit status 1 23 error Failed at the vue-admin-template@4.4.0 build:test10 script. 23 error This is probably not a problem with npm. There is likely additional logging output above. 24 verbose exit [ 1, true ]
03-13
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值