未捕获的语法错误：构建后出现意外标记“<”（Vue.js）

Question

我只是尝试将 MEVN 堆栈应用程序部署到 heroku。 本地一切正常，但部署后我得到一个空白页面，并在控制台中出现以下错误：

Uncaught SyntaxError: Unexpected token '<' chunk-vendors.61adafa8.js:1 Uncaught SyntaxError: Unexpected token '<' app.f7decf8d.js:1

我真的不知道该怎么做以及问题可能出在哪里。

索引.js

const path = require('path')
const express = require('express')
const cors = require('cors')
const mongoose = require('mongoose')
const BanksController = require('./controllers/BanksController')
const OfficesController = require('./controllers/OfficesController')

const PORT = process.env.PORT || 3000
mongoose.connect(process.env.DB, { useNewUrlParser: true, useUnifiedTopology: true });

const app = express()

app.use(cors())

app.get('/api/banks', BanksController.index)
app.get('/api/offices', OfficesController.index)

app.get('*', (req, res) => {
    res.sendFile(path.resolve(__dirname, 'client', 'dist', 'index.html'))
});

app.listen(PORT, () => console.log('Listening on port ' + PORT))

索引.html

<!DOCTYPE html><html lang=bg><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="Справочник на банките и банковите офиси в България"><meta name=author content="Petar Karagenov"><meta name=robots content=index,follow><link rel=stylesheet href=https://js.api.here.com/v3/3.1/mapsjs-ui.css><title>Банкомап</title><link href=/css/app.60d1958f.css rel=preload as=style><link href=/css/chunk-vendors.2d9bb5a9.css rel=preload as=style><link href=/js/app.f7decf8d.js rel=preload as=script><link href=/js/chunk-vendors.61adafa8.js rel=preload as=script><link href=/css/chunk-vendors.2d9bb5a9.css rel=stylesheet><link href=/css/app.60d1958f.css rel=stylesheet></head><body><noscript><strong>We're sorry but client doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=https://js.api.here.com/v3/3.1/mapsjs-core.js charset=utf-8></script><script src=https://js.api.here.com/v3/3.1/mapsjs-service.js charset=utf-8></script><script src=https://js.api.here.com/v3/3.1/mapsjs-mapevents.js charset=utf-8></script><script src=https://js.api.here.com/v3/3.1/mapsjs-ui.js charset=utf-8></script><script src=https://js.api.here.com/v3/3.1/mapsjs-clustering.js charset=utf-8></script><script src=/js/chunk-vendors.61adafa8.js></script><script src=/js/app.f7decf8d.js></script></body></html>

Answer 1

找到了解决办法。 我没有添加中间件...

app.use(express.static(path.join(__dirname, "client", "dist")))

未捕获的语法错误：构建后出现意外标记“<”（Vue.js）

问题描述

1 个解决方案

解决方案1
0 2019-12-20 14:25:27

未捕获的语法错误：构建后出现意外标记“&lt;”（Vue.js）

问题描述

1 个解决方案

解决方案1 0 2019-12-20 14:25:27

未捕获的语法错误：构建后出现意外标记“<”（Vue.js）

解决方案1
0 2019-12-20 14:25:27