Question

我刚刚安装了Webstorm并使用Node.js，但我的HTML页面中确实有一个问题。

<!DOCTYPE html>
<html>
<head>
    <script type = "text/javascript" src = "../public/filename.js" ></script>
</head>

<body>
<input type = "button" onclick = "sayHello()" value = "Say Hello" />
</body>
</html>

运行它时，我确实有：

untitled:server Listening on port 3000 +0ms
GET / 304 15.947 ms - -
GET /public/filename.js 404 917.751 ms - 1222

我试图在这篇文章中使用解决方案： Node.js HTML page error 404 while getting javascript 但不幸的是，它没有用。

这是我的app.js文件：

var createError = require('http-errors');
var express = require('express');
var path = require('path');
var cookieParser = require('cookie-parser');
var logger = require('morgan');


var indexRouter = require('./routes/index.js');
var usersRouter = require('./routes/users');

var app = express();

express.static('public');


// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'pug');

app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use(express.static(path.join(__dirname, '/public')));
app.use(express.static('/public'));


app.use('/', indexRouter);


app.use('/users', usersRouter);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
  next(createError(404));
});

// error handler
app.use(function(err, req, res, next) {
  // set locals, only providing error in development
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};

  // render the error page
  res.status(err.status || 500);
  res.render('error');
});

module.exports = app;

项目结构：

HTML 404中的node.js javascript文件

0 个答案: