accordion (ng2-accordion) in angular2

Question

Am using accordion with angular-2,but its not working properly,its throwing an error 404, its a third-party plugin named "ng2-accordion".

Path of the package that am giving is correct.

Actual bug in the inspect is given below.

GET http://localhost:3000/ng2-accordion/ng2-accordion 404 (Not Found)
Error: Error: XHR error (404 Not Found) loading http://localhost:3000/ng2-accordion/ng2-accordion(…)

score 1 · Accepted Answer · answered Jun 16 '16 at 08:29

1

You need to add mapping to your system.js configuration like this:

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

answered Jun 16 '16 at 08:29

pleerock

18,322
16
103
128

score 1 · Answer 2 · edited Jun 16 '16 at 10:57

1

You need to check the directory structure for the ng2-accordion module. For example, for me the module is directory under node_modules.

So, specifying

import {ACCORDION_DIRECTIVES} from "ng2-accordion";

Instead of

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

edited Jun 16 '16 at 10:57

Usman Maqbool

3,351
10
31
48

answered Jun 16 '16 at 09:29

Vishala

11
1

score 0 · Answer 3 · edited May 23 '17 at 12:25

0

I think you need to configure your server to allow HTML5 pushState.

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

edited May 23 '17 at 12:25

Community

1
1

answered May 03 '16 at 10:12

Günter Zöchbauer

623,577
216
2,003
1,567

Sorry, I want to know, how to include an accordion in my project but it is not working,when the project was running,it showing error like above. – sainu May 03 '16 at 10:19
1

I know. . . . . I updated the link to an answer with more information. Try switching to `HashLocationStrategy` if this solves the problem and you want to use `PathLocationStrategy` then you need to configure your server instead. – Günter Zöchbauer May 03 '16 at 10:21

score 0 · Answer 4 · answered Jun 16 '16 at 12:53

0

Is the Path correct http://localhost:3000/ng2-accordion/ng2-accordion ? If so you might have missed adding the defaultextension and also check the LocationStatergy, i would prefer HashLocation.

answered Jun 16 '16 at 12:53

Pratik Kelwalkar

1,592
2
15
21

accordion (ng2-accordion) in angular2

4 Answers4