如何解决我的Pugjade文件未检测到或读取我的Javascript文件NodeJs Express Webapp
您好,我有一个由NodeJs运行的Webapp,基本上我使用Express在本地主机端口1337上运行服务器,它基本上像一个网站,我有一些javascript,一些css和一些html,但是html并不是真正的html是Pug(jade)生成html的人,我的问题是HTML代码正在查找并读取javascript文件(main.js),之前和现在它是在Pug中编写的,它的工作原理都是如此。
nodeJs运行文件“ app.js”,然后顺其自然地创建一个服务器,并使目录“ views”成为公共目录,并在文件“ layout.pug”之后返回html,该文件在文件“ index.pug”中调用其内容”,因此基本上layout.pug和index.pug将togheter混合为一个文件文件,并将其转换为Html,但是我确实找到或读取了我的javascript文件(main.js)。 这是文件,我将告诉我文件的结构,以便大家看到。
这是文件结构
My_app_folder
App_folder
Public(folder)
stylesheets
style.css
views(folder)
Js(folder)
main.js
index.pug
layout.pug
main.js
app.js
这是我的app.js文件
'use strict';
var debug = require('debug');
var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
var routes = require('./routes/index');
var users = require('./routes/users');
var app = express();
// view engine setup
app.set('views',path.join(__dirname,'views'));
app.set('view engine','pug');
app.use(express.static('/js'));
// uncomment after placing your favicon in /public
//app.use(favicon(__dirname + '/public/favicon.ico'));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname,'public')));
app.use('/',routes);
app.use('/users',users);
// catch 404 and forward to error handler
app.use(function (req,res,next) {
var err = new Error('Not Found');
err.status = 404;
next(err);
});
// error handlers
// development error handler
// will print stacktrace
if (app.get('env') === 'development') {
app.use(function (err,req,next) {
res.status(err.status || 500);
res.render('error',{
message: err.message,error: err
});
});
}
// production error handler
// no stacktraces leaked to user
app.use(function (err,next) {
res.status(err.status || 500);
res.render('error',{
message: err.message,error: {}
});
});
app.set('port',process.env.PORT || 3000);
var server = app.listen(app.get('port'),function () {
debug('Express server listening on port ' + server.address().port);
});
这是我的layout.pug文件bigginig,它将生成我的HTML 这里是问题所在,我提到了一个名为“ main.js”的javascript文件,它似乎可以正常工作,而我没有使用'type ='text / javascript'尝试过,但是它却可以正常工作,但是我还是尝试了很多努力找到该文件
doctype html
html
head
style
include ./stylesheet/style.css
Meta(charset='utf-8')
script(src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js')
script(type='text/javascript' src='/js/main.js')
link(rel='icon' type='image/png' href='https://img.icons8.com/bubbles/50/000000/dice.png')
title My webapp
body
extends layout
block content
.login
div
div
.hometitle my webapp
.hometitle mywebapp
label Nom D'utilisateur/Username
input(type='text')
button Log In
p(style='color:white;bottom:0px;') Hello world
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。