Question

我正在使用一个非常简单的角度应用程序。

我有下面的路由文件。

babel

这很好，但是当我使用eslint进行构建并尝试在将href更改为我的dist文件夹eslint后尝试在本地运行index.html文件

我在控制台中收到此错误。

const routes: Routes = [
    {
        path: '',
        component: SelectFrameworkComponent
    }, {
        path: 'angular-4-bootstrap-3',
        component: AngularFourBootstrapThreeComponent
    }
];

Answer 1

添加角度路由器后出现了相同的问题。似乎有路由问题，并找到了对我有效的解决方案。添加index.html

<script>document.write('<base href="' + document.location + '" />');</script>

代替

<base href="./">

链式路由器配置，允许我在app.module.ts的浏览器链接中使用哈希

@NgModule({
  imports: [
    BrowserModule,
    RouterModule.forRoot(routes,{useHash:true}),
    Bootstrap4FrameworkModule,
    BrowserAnimationsModule 
  ],

Answer 2

将useHash: true设置为RouterModule.forRoot中提到的@suhyura

您可能还希望将基本href设置为＃，如以下index.html中所示

<base href="#">

ng build --prod in angular 7后出现导航错误

2 个答案: