"Uncaught SyntaxError: Unexpected token <" error while importing

Question

我正在尝试导入 .js 文件，但在导入时遇到未捕获的语法错误：意外的令牌 < 错误。我刚刚深入研究 MEAN 堆栈并在导入文件时遇到这些问题。甚至 angular 文件都没有导入。

server.js

//Variables------------------------------
var express = require('express');
var app = express();
var port = process.env.PORT || 8080;
var morgan = require('morgan');
var mongoose = require('mongoose');
var User = require('./app/models/user');
var bodyParser = require('body-parser');
var router = express.Router();
var appRouters = require('./app/routes/api')(router);
var path = require('path');
//---------------------------------------

//Middleware--------------------------
app.use(morgan('dev'));
app.use(bodyParser.urlencoded({ extended: true })); // for parsing 
application/x-www-form-
app.use(bodyParser.json()); // for parsing application/json
app.use('/static', express.static(__dirname+'/public'))
app.use('/api',appRouters);


 mongoose.connect('mongodb://localhost:27017/test',function(err){
  if(err){
  console.log('Not connected '+err);
   }else{
  console.log('Connected to db');
   }
   });

//-------Fontend Routes
  app.get('*',function(req,res){
  res.sendFile(path.join(__dirname + '/public/app/views/index.html'));
 });


 app.listen(port,function(){
 console.log('Running the server');
 });

index.html

<html>
 <head>
   import file
   **<script src="app/app.js"></script>**
   </head>

   <body>
   <div class="container">
   <nav class="navbar navbar-dark bg-dark">
   <span class="navbar-brand mb-0 h1">Navbar</span>
   </nav>
   </div>

   </body>
  </html>

app.js

 console.log("testing");

Answer 1

app.get('*',function(req,res){
  res.sendFile(path.join(__dirname + '/public/app/views/index.html'));
});

您说 *，即除了以 /api 或 /static（您首先定义的）开头的 URL 之外的任何 URL，以提供内容共 index.html.

然后你有：

<script src="app/app.js"></script>

… 这将得到 index.html 并尝试将其视为 JavaScript。事实并非如此。

让 URLs 到您的脚本正确（或让服务器为您请求的 URLs 提供正确的数据）。

"Uncaught SyntaxError: Unexpected token <" error while importing

"Uncaught SyntaxError: Unexpected token <" error while importing

javascript

node.js

mean-stack