我的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
    

这是将生成我的HTML的其余哈巴狗代码

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 (将#修改为@）