我遇到了一个问题,我真的希望有人可以解决这个问题......我已经创建了一个角度项目,一旦我构建了生产使用ng build --prod,当我尝试使用服务器访问项目时我只获取白页,没有控制台错误。某种程度上<> app-root> <> app-root />保持隐藏状态。如果我将任何测试文本添加到页面的正文中它会显示...我会添加一些图片和代码以便更清楚:
输出为ng服务:output for ng serve
在服务器上运行应用程序后输出:output for running server
index.html的:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Testapp</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link href="../resources/css/styles.34c57ab7888ec1573f9c.css" th:href="@{/css/styles.34c57ab7888ec1573f9c.css}" rel="stylesheet" />
<!--
<link rel="stylesheet" href="styles.34c57ab7888ec1573f9c.css">
<script type="text/javascript" src="runtime.a66f828dca56eeb90e02.js"></script><script type="text/javascript" src="polyfills.2f4a59095805af02bd79.js"></script><script type="text/javascript" src="main.d6e524e11d43dad9c75a.js"></script></body>
-->
</head>
<body>
<h1>BEFORE APP ROOT</h1>
<app-root></app-root>
<script type="text/javascript" href="../resources/js/runtime.a66f828dca56eeb90e02.js"></script>
<script type="text/javascript" href="../resources/js/polyfills.2f4a59095805af02bd79.js"></script>
<script type="text/javascript" href="../resources/js/main.d6e524e11d43dad9c75a.js"></script>
<h1>AFTER APP ROOT</h1>
</body>
</html>
什么可能导致这个?如果你需要发布任何其他代码/图片,请评论..我真的很困惑这个问题
衷心感谢
**更新:我更新了一个新的Angular项目的图片和代码,以避免混淆
更新:更改基本href后的update3another screenshoot
<base href="/testapp/">
和我的春天项目[在日食]的照片:project structure
那是因为基础href是错误的:
<base href="/">
这必须反映您用于访问角度应用程序的相同URL。
将其更改为
<base href="/couponsystem/">