XHRエラー404 - 角度-2 - 優秀な図書館

を通り、私はディレクトリ構造を持っている：私はangular2-ブートストラップスイッチを追加するhttps://www.npmjs.com/package/angular2-bootstrap-switchに従い、指示どおりに、私がしなければならなかったけど、私はアインXHRエラー404 - 角度-2

dir 
    |--app.component.ts 

    node_modules 
    |--angular2-bootstrap-switch

どのようにしてください。

のindex.html：boot.ts tsconfig.json

"exclude": [ 
    "node_modules", 
    "typings/main", 
    "typings/main.d.ts" 
    ]

、IN

import {bootstrap} from 'angular2/platform/browser' 
import {AppComponent} from './app.component' 

bootstrap(AppComponent);

インサイド

<script src="node_modules/es6-shim/es6-shim.min.js"></script> 
<script src="node_modules/systemjs/dist/system-polyfills.js"></script> 

<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script> 
<script src="node_modules/systemjs/dist/system.src.js"></script> 
<script src="node_modules/rxjs/bundles/Rx.js"></script> 
<script src="node_modules/angular2/bundles/angular2.dev.js"></script> 


<!-- 2. Configure SystemJS --> 
<script> 
    System.config({ 
    packages: {   
     app: { 
     format: 'register', 
     defaultExtension: 'js' 
     } 

    } 
    }); 


    System.import('app/boot') 
      .then(null, console.error.bind(console)); 
    </script> 

    </head> 

    <!-- 3. Display the application --> 
    <body> 
    <my-app>Loading...</my-app> 
    </body>

は、今私は../node_modules/angular2_bootstrap_switch/componentsをインポートする必要がapp.component.tsの中には、

import {SwitchComponent} from angular2_bootstrap_switch/components

どうすればよいか分かりません。助けてください。

出典

2017-07-01 Gayathri

これは非常に簡単です。

あなたのアプリケーションモジュールで

'angular2-bootstrap-switch':'npm:angular2-bootstrap-switch/lib/switch.component.js'

が

import {SwitchComponent} from 'angular2-bootstrap-switch'

npm i angular2-bootstrap-switch

node_moduleをインストールします。
、以下のように宣言し
```
declarations: [ SwitchComponent ], 
```

<switch [status]="value" [onText]="onText" [offText]="offText" 
     [onColor]="onColor" [offColor]="offColor" [size]="size"> 
</switch>

LIVE DEMO

出典

2017-07-01 16:18:20 Aravind

HI、あなたの努力に感謝としてあなたのHTMLでそれを使用し、それを追加します。私はここで問題に直面しています。最初にnpmはangular2-bootstrap-switchをインストールし、ほとんどの手順を実行しました。私はスイッチをロード中にXHR 404を取得しました。後で私はangular2-bootstrap-switchをアンインストールしてからnpm2-bootstrap-switchを実行しましたが、今度はangular2-bootstrap-switchというモジュールが見つかりません。私はそれほど魚のようなものがわからない、明確にしてください。 – Gayathri

チームビューアでご利用いただけますか？ – Aravind

はい、これはスタートアップのためのものです。いいですか？ – Gayathri

XHRエラー404 - 角度-2

答えて

関連する問題