2017-07-18 6 views
0

私はangular-cliで作業しています。私は次のエラーがある。ERROR in ./src/app/app.module.tsモジュールが見つかりません

ERROR in ./src/app/app.module.ts 
Module not found: Error: Can't resolve '@angular/router/src/router_module' in 
'E:\xampp\Angular-cli\Login\src\app' 
@ ./src/app/app.module.ts 13:0-69 
@ ./src/main.ts 
@ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts 

私は私のnode_moduleの角/ルータ/ SRC/router_module @このライブラリをしました。何が欠けていますか?

必要なファイルは次のとおりです。

app.module.ts

import { BrowserModule } from '@angular/platform-browser'; 
import { NgModule } from '@angular/core'; 
import { AppComponent } from './app.component'; 
import { AdminAccount } from './admin/admin.component'; 
import { LoginForm } from './login/login.component'; 
import { FileData } from './filedata/filedata.component'; 
import { ROUTER_PROVIDERS } from "@angular/router/src/router_module"; 
import { RouterModule, Routes, ROUTES } from "@angular/router"; 
import { Http, Response } from "@angular/http"; 
import { Route } from './router/router.component'; 

@NgModule(
{ 
imports: [RouterModule ,Route, BrowserModule, Http, Response, AdminAccount, LoginForm, FileData, Route], 
declarations: [AppComponent], 
providers: [ROUTER_PROVIDERS], 
bootstrap: [AppComponent] 
}) 
export class AppModule { } 

router.component.ts

import { Component, OnInit } from '@angular/core'; 
import { RouterModule } from "@angular/router"; 
import { LoginForm } from "../login/login.component"; 
import { AdminAccount } from "../admin/admin.component"; 

export const Route = RouterModule.forRoot(
[ 
{ path: '/', component: LoginForm }, 
{ path: '/admin', component: AdminAccount } 
]); 

app.component.ts

import { Component } from "@angular/core"; 
import { LoginForm } from "./login/login.component"; 
import { AdminAccount } from "./admin/admin.component"; 
import { Routes, RouterModule } from "@angular/router"; 
import { FileData } from "./filedata/filedata.component"; 

@Component(
{ 
selector: "root", 
templateUrl: "./app.component.html", 
}) 
export class AppComponent {} 

旧姓の場合もっと多くのファイルが私に教えてください。

+0

あなたが使用している角度のバージョン? –

+0

@FahadNisar ** angular1。**あなたは推測できますか?問題は何ですか?または、余分な情報が必要ですか? –

+0

角度2以上が必要な角度cliを使用していると述べました。どのように角度1を使用していると言うことができますか? –

答えて

0

@Fahad Nasir Here's AdminAcount。

import { Component, OnInit } from '@angular/core'; 
import { Router } from "@angular/router"; 

@Component(
{ 
selector: "admin", 
templateUrl: "./admin.component.html", 
}) 

export class AdminAccount 
{ 
adminUser = document.cookie.split("??")[0]; 
adminPass = document.cookie.split("??")[1]; 

constructor(public router: Router) 
{ 
    if (document.cookie !== undefined) 
    { 
     if (this.adminUser == "admin" && this.adminPass == "admin") 
     { 
      console.log("Welcome!"); 
     } 
     else 
     { 
      this.router.navigate(["Loginform"]); 
      console.log("Redirect!"); 
     } 
    } 
    else 
    { 
     console.log("Error: Undefined Login!"); 
    } 
} 
} 

Here Have a look

+0

エラーを貼り付けることができますか? –

+0

AdminAccountのERRORがNgModuleではありません –

+0

さて、@ngModuleのインポート順を変更しました。エラーが消え去った。 これでコンパイルエラーが発生しました。 –

関連する問題