2016-05-03 8 views
0

アングル2のアコーディオンを使用していますが、正しく動作していないため、エラー404が発生しました。これは、「ng2-accordion」というサードパーティのプラグインです。angular2のアコーディオン(ng2-アコーディオン)

与えているパッケージのパスが正しいです。

検査の実際のバグを以下に示します。

  1. http://localhost:3000/ng2-accordion/ng2-accordion 404(見つかりません)
  2. エラーGET:エラー:XHRエラー(404が見つかりません) ロードhttp://localhost:3000/ng2-accordion/ng2-accordion(...)

enter image description here

答えて

1

を参照してくださいあなたは、このようなあなたのsystem.js構成へのマッピングを追加する必要があります。

{ 
    "map": { 
     "ng2-accordion": "node_modules/ng2-accordion" 
    }, 
    "packages": { 
     "ng2-accordion": { "main": "index.js", "defaultExtension": "js" } 
    } 
} 
0

私はあなたがする必要があると思うがHTML5 pushStateを許可するようにサーバーを構成します。

https://stackoverflow.com/a/36310728/217408

+0

申し訳ありませんが、私のプロジェクトにアコーディオンを含めるにはどうしたらいいですか?プロジェクトが実行されているときに、上記のようなエラーが表示されます。 – sainu

+1

私は知っています。 。 。 。 。私は、より多くの情報を持つ答えへのリンクを更新しました。これが問題を解決し、 'PathLocationStrategy'を使いたい場合は、サーバを設定する必要がある場合は' HashLocationStrategy'に切り替えてみてください。 –

1

あなたはng2-accordionモジュールのディレクトリ構造をチェックする必要があります。たとえば、私の場合、モジュールのディレクトリはnode_modulesです。代わりに

import {ACCORDION_DIRECTIVES} from "ng2-accordion/ng2-accordion"; 
0

import {ACCORDION_DIRECTIVES} from "ng2-accordion"; 

http://localhost:3000/ng2-accordion/ng2-accordion正しいパスで指定する

ので、? デフォルトの拡張機能を追加していない可能性があり、LocationStatergyもチェックしていれば、私はHashLocationを好むでしょう。

関連する問題