如何修复在浏览器上显示白屏的角度分布

Question

我是Angle的新手，我已经建立了我的第一个测试应用程序。 我想看看它是如何工作的。 它在nodejs中完美地工作。 在我运行'ng build --prod'之后，制作了dist文件夹。 通过遵循在线教程，我制作了一个指向静态dist / index.html文件的nodejs服务器。

为了解决这个问题，我检查了浏览器控制台中的错误，并在所有js文件中发现了Uncaught SyntaxError：Unexpected token <。 所以我查看了Chrome Dev工具中的Application> Frames> top> Scripts，发现所有js文件中的HTML代码都为index.html

server.js

const express = require('express');
const path = require('path');
const app = express();

const admin = require('./server/routes/admin');

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

app.use('/admin', admin);

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

const port = process.env.port || 4600;

app.listen(port, (req, res)=>{
    console.log(`Server ONLINE at ${port}`);
});

虽然访问本地主机时必须显示Angular站点，但我得到了一个白页。

Answer 1

修复。 对于有相同问题的任何人

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

此行代码实际上引起了问题。 建立角项目后。 它保存在dist / my-app /目录中。 因此，通过将上述代码行更改为

app.use(express.static(path.join(__dirname, 'dist/my-app')));

解决了问题。 希望对别人有帮助