how to install a module with npm in angular 1

Question

I am trying to install bootstrap using npm. I ran:

npm install angular-ui-bootstrap

And that succesfully installed the module in the node_modules folder. The problem is I can't seem to reference the files from index.html. I put in the following line:

<script src="/node_modules/angular-ui-bootstrap/dist/ui-bootstrap.js"></script>

But it returns a 404. I have 3 questions:

Am I referencing the right file
How do I include the file in index.html

If I include the file in the html, will that be enough to erase another error I'm getting:

Error: [$injector:modulerr] Failed to instantiate module ui.bootstrap due to:
Error: [$injector:nomod] Module 'ui.bootstrap' is not available!

Here is the file structure:

Project
    -app
        -index.html
    -node_modules
        -angular-ui-bootstrap
            -dist
                -ui-bootstrap.js

Try adding `../` to the beginning of your reference. You need to move up out of the `app/` directory. — Aeolingamenfel, Sep 28 '16 at 18:36
@Aeolingamenfel thanks, that's what i thought but it doesn't work. I get the exact same error — Philip7899, Sep 28 '16 at 18:37
Have you confirmed that `ui-bootstrap.js` is in that directory? — Aeolingamenfel, Sep 28 '16 at 18:38
Also, how are you hosting this application? Is your document root pointed at `app/`? — Aeolingamenfel, Sep 28 '16 at 18:39
The file is definitely in the directory. I'm running the server in the "project" folder — Philip7899, Sep 28 '16 at 18:39
can you show what order you are loading your scripts in the index.html file? — Dave V, Sep 28 '16 at 18:44
Are you using Express or Django (or some other framework with a path router), which might be intercepting the request for the file? Do you have static file repositories set up? — Harris, Sep 28 '16 at 19:28

score 1 · Answer 1 · answered Sep 28 '16 at 21:00

1

Just remove / from <script src="/node_modules/angular-ui-bootstrap/dist/ui-bootstrap.js"></script> Like this:

<script src="node_modules/angular-ui-bootstrap/dist/ui-bootstrap.js"></script>

answered Sep 28 '16 at 21:00

Kiknaio

76
2
9

how to install a module with npm in angular 1

1 Answers1