ERROR：7：5角2 WebPACKの

Question

私は自分のルーティングを設定しようとして以来、次のエラーを取得しています：

私はこのようなルーティングをやっている理由ですので

devDependencies": { 
    "@angular/compiler": "^2.4.1", 
    "@angularclass/hmr": "~1.2.2", 
    "@angularclass/hmr-loader": "~3.0.2", 
    "@types/hammerjs": "^2.0.33", 
    "@types/jasmine": "^2.2.34", 
    "@types/node": "^7.0.4", 
    "@types/selenium-webdriver": "2.53.39", 
    "@types/source-map": "^0.5.0", 
    "@types/uglify-js": "^2.0.27", 
    "@types/webpack": "^2.2.4", 
    "angular-router-loader": "^0.5.0", 
    "angular2-template-loader": "^0.6.0", 

これは、単一ページのアプリケーションです：私はここで、角度-CLIを使用していますERROR in [at-loader] src/app/userManagement/unlockUserID/unlockUserID.component.ts:7:5

は私のpackage.jsonのsnippitです。

src-- 
    --app 
     --userManagement 
      --unlockedUserId 
      --unlockUserId.component.html 
      --unlockUserId.css 
     --userManagement.module.ts 
     --userManagement.routing.ts 

userManagement.module.tsその後

@NgModule({ 
    declarations: [ 
     unlockUserIdcomponent 
    ], 
    imports: [ 
     SmartadminModule, 
     routing 
    ], 
    providers: [], 
}) 
export class UserManagementModule { 

} 

userManagement.routing.ts

import {RouterModule, Routes} from "@angular/router"; 

    import {unlockUserIdcomponent} from "./unlockUserID/unlockUserID.component"; 

    export const routes: Routes = [ 
     { 
      path: 'unlockUserId', 
      component:unlockUserIdcomponent 
     }, 

    ]; 

    export const routing = RouterModule.forChild(routes); 

私が持っているsrc下のメインルーティングファイル：

export const routes: Routes = [ 
    { 
     path: '', 
     component: MainLayoutComponent, 
     data: {pageTitle: 'Home'}, 
     children: [ 
      { 
       path: '', redirectTo: 'home', pathMatch: 'full', 
      }, 
      { 
       path: 'UserManagement', 
       loadChildren: 'app/userManagement/userManagement.module#UserManagementModule', 
       data: {pageTitle: 'UserManagement'} 
      }, 

      {path: 'home', loadChildren: 'app/+home/home.module#HomeModule', data: {pageTitle: 'Home'}}, 

     ] 
    }, 

    {path: '**', redirectTo: 'home'} 

]; 

export const routing: ModuleWithProviders = RouterModule.forRoot(routes, {useHash: true}); 

アプリ走る---------------

ERROR in [at-loader] src/app/shared/forms/validation/index.ts:1:9

ERROR in ./~/typedoc/dist/lib/utils/plugins.js

を：しかし、私は注目にリンクをクリックしたときに起こり、私はあまりにも、コンソールに次のエラーを得続けます私は更新--------アップデート1 ----------------------

unlockUserId.component.ts

@Component({ 
    selector: 'unlock-userId', 
    templateUrl: './unlockUserId.html', 

}) 

export class unlockUserIdcomponent { 

} 

すべての私の依存に私は思うこれは問題の一部にすぎません。私は他の人に戻って、次のエラーが発生しました：

ERROR in [default] web/src/app/userManagement/unlockUserID/unlockUserID.component.ts:7:4 
Argument of type '{ selector: string; template: any; }' is not assignable to parameter of type 'IComponentOptions' 

と

ERROR in ./~/typedoc/dist/lib/utils/plugins.js 
Module not found: Error: Can't resolve 'fs' in 'web/node_modules/typedoc/dist/lib/utils' 

と

ERROR in ./~/typedoc/dist/lib/utils/fs.js 
Module not found: Error: Can't resolve 'fs' in 'web/node_modules/typedoc/dist/lib/utils' 

と

Module not found: Error: Can't resolve 'fs' in web/node_modules/typedoc/dist/lib/utils' 

Answer 1

あなたには構文エラーがあります：あなたは、そのコンポーネントのコードを投稿していなかった

src/app/userManagement/unlockUserID/unlockUserID.component.ts on line 7. 

。