use*_*511 1 routing angular angular7
我想构建我的Angular项目并生成一个包含它的ZIP文件，以通过电子邮件发送它，并且我希望接收它的人能够在他的桌面上单击index.html文件来打开它。
我将baseUrl更改为./或document.location，但是出现以下错误：“未处理的导航错误”
有没有人暗示如何解决此问题？
这就是我为 Angular 8 所做的。
按照@programoholic 提供的步骤后，转到 ./dist/index.html 并从所有脚本标记中删除 type="module" 属性。
下面是我的工作 index.html 文件
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>StartApp</title>
<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>
<script src="runtime-es2015.js"></script>
<script src="runtime-es5.js" nomodule defer></script>
<script src="polyfills-es5.js" nomodule defer></script>
<script src="polyfills-es2015.js"></script>
<script src="styles-es2015.js"></script>
<script src="styles-es5.js" nomodule defer></script>
<script src="vendor-es2015.js"></script>
<script src="vendor-es5.js" nomodule defer></script>
<script src="main-es2015.js"></script>
<script src="main-es5.js" nomodule defer></script>
</body>
</html>
希望能帮助到你
在 Angular 9 中（不确定 Angular 2 - 9 之间的版本，应该工作相同），您不需要更改以从目录LocationStrategy渲染index.htmldist/。
相反，您只需指定base urlas./即可将其作为文件路径进行访问。
ng build --prod --base-href ./在应用程序路由目录中运行并生成dist/文件
type="module"然后，就像 @zaki-mohammed 所说的那样，从s 中删除script。我nomodule defer也删除了
前任：
<script src="runtime-es2015.1eba213af0b233498d9d.js" type="module"></script>
<script src="runtime-es5.1eba213af0b233498d9d.js" nomodule defer></script>
应该改为，
<script src="runtime-es2015.1eba213af0b233498d9d.js"></script>
<script src="runtime-es5.1eba213af0b233498d9d.js"></script>
现在，index.html文件应该在浏览器中呈现。
您可以双击index.html文件来运行angular应用程序。只需在app.module.ts中添加以下代码
请注意：baseUrl = ./从index.html文件中删除
//in App.module.ts :
//import these packages
import { APP_BASE_HREF, LocationStrategy, HashLocationStrategy } from '@angular/common';
// add these packages into providers as below :
@NgModule({
imports:
[
.....
],
declarations:
[
....
],
providers:
[
....
{ provide: APP_BASE_HREF, useValue: '/' },
{ provide: LocationStrategy, useClass: HashLocationStrategy },
....
]
....
})
export class Appmodule{}现在执行：， npm run build然后双击index.html文件dist夹中的文件。您的应用程序应运行。
| 归档时间： |
|
| 查看次数： |
1294 次 |
| 最近记录： |