时间戳

首页 > 解决方案 > js文件未加载到节点js服务器中

javascript - js文件未加载到节点js服务器中

问题描述

我有一个节点 js 服务器，当我在本地主机中运行 HTML 页面时，我在控制台中收到错误 Uncaught SyntaxError: Unexpected token <因为我的本地 js 和 css 文件无法加载。我已经完成了 - Node.js 服务 HTML，但无法在服务页面中加载脚本文件， 但它没有工作

我有一个文件结构 在此处输入图像描述

我的服务器代码 server.js

节点js：-

var express = require('express');
var http = require('http');
var fs = require('fs');
var app = express();

app.use(express.static(__dirname + '/public'));

app.get('*', function(req, res) {
    console.log("Global");
    res.sendFile(__dirname + '/public/index.html');
});

var port = process.env.PORT || 7000;

http.createServer(app).listen(7000);

我的 HTML 文件 index.html 是

<!DOCTYPE html>
<html>
<head>
    <title>sample spa app</title>
    <link rel="stylesheet" type="text/html" href="css/style.css">
</head>
<body>
    <li><a href="#home">home</a></li>
    <li><a href="#about">about</a></li>

    <div>
        <h2>you are in index.html</h2>
    </div>

   <div id="app">

   </div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    <script src="public/js/app.js" type="text/javascript"></script>

</body>
</html>

标签： javascripthtmlnode.js

解决方案

<!DOCTYPE html>
<html>

<head>
    <title>sample spa app</title>
    <link rel="stylesheet" type="text/html" href="css/style.css">
</head>

<body>
    <li><a href="#home">home</a></li>
    <li><a href="#about">about</a></li>

    <div>
        <h2>you are in index.html</h2>
    </div>

    <div id="app">

    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="./js/app.js" type="text/javascript">
    </script>

</body>

</html>

推荐阅读