http://localhost:4200/node_modules/bootstrap/dist/css/bootstrap.min.css 404 error in angular2

Asked Mar 27 '17 at 07:07

Active May 16 '17 at 09:36

Viewed 6,144 times

1

I have added bootstrap dependencies in index.html file. this index file is in src folder. and node modules is in above it. Folder structure is given below.

Library
  node_modules
  src
    index.html

Now I am targeting to node_modules from index.html. My code is given below.

   <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
   <script src="../node_modules/jquery/dist/jquery.min.js"></script>

And also tried with ./ and just starts from node_modules. What is the problem here.

asked Mar 27 '17 at 07:07

raj m

1,863
6
21
37

Is the file for bootstrap there in the first place? – Edric Mar 27 '17 at 07:08
Its there in node_modules – raj m Mar 27 '17 at 07:09
If you have a `angular-cli.json` file, put the resource to bootstrap in there under `styles` – Edric Mar 27 '17 at 07:13
Its problem with jquery as well – raj m Mar 27 '17 at 07:14
Maybe try this? http://stackoverflow.com/questions/39511788/how-to-import-jquery-to-angular2-typescrypt-projects – Edric Mar 27 '17 at 07:16
How can I call node_modules from index.html.. rather than giving cdn url – raj m Mar 27 '17 at 07:19
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/139123/discussion-between-edric-and-raj-m). – Edric Mar 27 '17 at 07:28
Did you find a solution? – jira Sep 05 '17 at 21:14

1 Answers1

3

Please check whether the file is available in under node_modules
- import that CSS inside styles.css file, that will be compiled automatically

Hope you are using angular-cli package

@import '~bootstrap/dist/css/bootstrap.min.css';

edited May 16 '17 at 09:36

answered May 16 '17 at 09:29

Jin Krish

41
7