在heroku上部署Angular项目时出错

Question

我已将我的 Angular 项目部署到 heroku。 它显示错误未找到。 我尝试在节点 server.js 中运行相同的项目，但未找到某些文件时出现相同的错误。 我试过这个https://itnext.io/how-to-deploy-angular-application-to-heroku-1d56e09c5147 。 但我认为 server.js 文件中存在一些错误。 服务器.js

const express = require('express');
const app = express();
const path = require('path');
const port = process.env.PORT || 4200;
const server = require('http').Server(app);


// Serve only the static files form the angularapp directory
app.use(express.static(__dirname + '/RouterApp'));

app.get('/*', function(req,res) {

res.sendFile(path.join(__dirname+'/RouterApp/index.html'));
});

// Start the app by listening on the default Heroku port


server.listen(port, function () {
    console.log("App running on port " + port);
})

当我尝试将路径设为/src/index.html ，索引页面正在加载，但未加载 Angular 组件。 这是我的目录结构

>>RouterApp
  >>...
  >>server.js
  >>src
    >>index.html
    >>components
  >>...

使用node server.js ENOENT 运行时出现错误：没有这样的文件或目录，stat '/data/data/com.termux/files/home/RouterApp/RouterApp/index.html'

当我尝试在localhost:4200上运行该程序时，它使用ng serve运行得非常好。 这是 GitHub 存储库https://github.com/Pradeep2898/QuoraClone

Answer 1

好的，我明白了。 我的项目没有在部署时创建 dist 文件夹。 我试过这个步骤

cd RouterApp
ng build  //this will creat a dist folder
// now run the node server.js
node server.js
>>App running on port 4200
// Open the app locally on port 4200, https: localhost:4200
// It will work. Push the changes to git repository.
// It worked.

https://quora-ui-clone.herokuapp.com/

尝试安装 npm install http-server -g 然后运行http-server/dist

如何在 Angular 6+ 的本地机器上运行 Dist 文件夹？