Ошибка при загрузке основного модуля angular 2 со стратегией хэширования, установленной в true

#angular #angular2-routing

#angular #angular2-маршрутизация

Вопрос:

Ошибка не слишком много объясняет, но я ее напишу

Error: AppModule<@http://*******.********.com/app/main.js:73:17
@http://*******.********.com/app/main.js:65:18
@http://*******.********.com/app/main.js:1:1
@http://*******.********.com/app/main.js:1:1
ZoneDelegate.prototype.invoke@http://*******.********.com/node_modules/zone.js/dist/zone.js:203:19
Zone.prototype.run@http://*******.********.com/node_modules/zone.js/dist/zone.js:96:24
scheduleResolveOrReject/<@http://*******.********.com/node_modules/zone.js/dist/zone.js:462:52
ZoneDelegate.prototype.invokeTask@http://*******.********.com/node_modules/zone.js/dist/zone.js:236:23
Zone.prototype.runTask@http://*******.********.com/node_modules/zone.js/dist/zone.js:136:28
drainMicroTaskQueue@http://*******.********.com/node_modules/zone.js/dist/zone.js:368:25
ZoneTask/this.invoke@http://*******.********.com/node_modules/zone.js/dist/zone.js:308:25

Оценка http://*******.********.com/app/main.js
Ошибка при загрузке http://*******.********.com/app/main.js

и в строке 73 в файле main.ts у меня есть эта строка

Обновить

Main.ts

 import { NgModule }      from '@angular/core';
import { HttpModule } from '@angular/http';
import { BrowserModule } from '@angular/platform-browser';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { FormsModule }    from '@angular/forms';
import { RouterModule }   from '@angular/router';
import { APP_ROUTER_PROVIDERS } from './app.routes'
import {
     LocationStrategy,
     HashLocationStrategy
} from '@angular/common'
import { AppComponent } from './app.component'
import { Component1 } from './components/component1.component' 
import { Component2 } from './components/component2.component' 
import { Component3 } from './components/component3.component' 
import { Component4 } from './components/component4.component'
import { Component5 } from './components/component5.component'

@NgModule({
  imports:      [ BrowserModule,
                 FormsModule,
                 HttpModule,
                 RouterModule.forRoot(APP_ROUTER_PROVIDERS,{useHash:true})
               ],
  declarations: [Component1,
                 Component2
                 Component3
                 Component4
                 Component5
                 AppComponent
                 ],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }

platformBrowserDynamic().bootstrapModule(AppModule);
  

APP_ROUTER_PROVIDERS поступают из импорта и представляют собой массив Routes

app.routes.ts

 import { Routes }  from '@angular/router';

import { Component1 } from './components/component1.component'
import { Component2 } from './components/component2.component'
import { Component3 } from './components/component3.component'
import { Component4 } from './components/component4.component'
import { Component5 } from './components/component5.component'
import { Login } from './components/login/login.component'

const routes: Routes = [
        {
        path:'',
        redirectTo: '/login',
        pathMatch: 'full'
        },
        {
        path: 'component1',
        component: Component1
        },
        {
        path: 'component2',
        component: Component2
        },
        {
        path:'component3',
        component:Component3
        },
        {
        path:'component4'
        component:Component4,
        },
        {
        path:'component5',
        component:Component5
        },
        {
        path:'login',
        component:Login
        }
  ];


  export const APP_ROUTER_PROVIDERS = routes
  

если я запускаю приложение с помощью npm start, все работает правильно, но если я развертываю то же приложение на сервере приложений, я получаю сообщение об ошибке выше, что я делаю не так? У меня такое чувство, что маршруты плохо объявлены.

Комментарии:

1. В чем ошибка ******* ?

2. это имя сайта

3. не могли бы вы добавить файл main.ts (typescript, а не javascript)?

4. Может быть, также существует какой-то текст, описывающий вашу проблему?

5. Я добавлю полный файл, но нет, у меня нет другого текста в ошибке.