#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. Я добавлю полный файл, но нет, у меня нет другого текста в ошибке.