Question

我有一个非常简单的Angular2应用程序（只有index.html），并且在Heroku上创建了一个帐户。我必须将Node.js作为buildpack添加到我的Heroku帐户中

我逐步地了解了此链接中写的内容： https://medium.com/@hellotunmbi/how-to-deploy-angular-application-to-heroku-1d56e09c5147。我解决了一些已知问题，直到部署完成。

这是我的server.js

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

const app = express();

app.use( express.static( __dirname + '/dist/demo-deploy-app2019' ) );

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

app.listen( process.env.PORT || 8080 );

查看页面时，该页面完全空白。当我检查页面时，我完全可以看到我的index.html代码，就像这样

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>DemoDeploy</title>
  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
  <app-root></app-root>
</body>
</html>

我看不到如果我在本地运行相同的Angular2应用程序，并使用ng serve运行它，我将拥有该功能。

出什么问题了？

谢谢

如何将我的Angular2 Web应用程序部署到Heroku中？

0 个答案: