angular - 在文件 :///without server 上本地运行 Angular 7 项目

Question

我想构建我的 Angular 项目并生成一个包含它的 ZIP 文件以通过电子邮件发送它，我希望收到它的人能够在他的桌面上单击 index.html 文件打开它。

我将 baseUrl 更改为 ./或 document.location 但出现以下错误:“未处理的导航错误”

有没有人有任何关于如何解决这个问题的提示？

Answer 1

您可以双击 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 的文件文件夹。
你的应用程序应该运行。