Script not found index.html angular 2

Question

I have my index.html:

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>Aerosmith Messenger</title>
  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" 
rel="stylesheet" />
  <link rel="icon" type="image/x-icon" href="favicon.ico" />
  <link rel="stylesheet" href="assets/spinner.css" />

  <!--<script src="src/scripts/jquery-1.6.4.js"></script>-->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.js">

</script>
</head>
<body>
  <am-root>
    <div class="spinner">
      <div class="double-bounce1"></div>
      <div class="double-bounce2"></div>
    </div>
  </am-root>
</body>
</html>

I'm trying to include jquery script. And it does not work when i include it like this (commented line). Help me resolve this issue because i need to include some other scripts. By "does not work" i mean all the time that commented script is not found in console of a browser.

where is your jquery-1.6.4.js file in your directory? and where is your index.html located? — JV Lobo
– JV Lobo, Commented Jun 30, 2017 at 6:11
so you should include your jquery library like: <script src="./scripts/jquery-1.6.4.js"></script> or <script src="scripts/jquery-1.6.4.js"></script> — JV Lobo
– JV Lobo, Commented Jun 30, 2017 at 6:14
if you go to localhost:4200/src/scripts/jquery-1.6.4.js in your browser it finds the file? — JV Lobo
– JV Lobo, Commented Jun 30, 2017 at 6:17

Amit Mishra · Accepted Answer · 2017-06-30 06:17:30Z

2

Make sure you provide the path of "jquery-1.6.4.js" exactly where it is located. Check the src/scripts. And if it is there then you should include it somewhat like this, "~/src/scripts/jquery-1.6.4.js". Assuming you have "src" folder in which "script" folder exists, which has your jquery file.

edited Jun 30, 2017 at 6:17

answered Jun 30, 2017 at 6:15

Amit Mishra

417 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

Amit Mishra Over a year ago

in which folder you have the jquery file/

Юра Арабчук Over a year ago

[project name]/src/scripts

Amit Mishra Over a year ago

so try including it like "~/src/scripts/jquery-1.6.4.js"

Юра Арабчук Over a year ago

still not found

Amit Mishra Over a year ago

try to put the js file in the root of your project directory. I mean projectName/jquery-1.6.4.js and then see if it finds it.

|

Aiyoub A. · Accepted Answer · 2017-06-30 06:38:02Z

1

Try add script and style to angular-cli.json in root project, as follows:

"apps": [{
    ...
    ... 
    "styles": [
        "../node_modules/bootstrap/dist/css/bootstrap.min.css",
        "../node_modules/font-awesome/css/font-awesome.min.css",
        "./styles.css"
    ],
    "scripts": [
        "assets/js/jquery.js",
        "../node_modules/bootstrap/dist/js/bootstrap.min.js",
        "assets/js/custom.js"
    ],

edited Jun 30, 2017 at 6:38

answered Jun 30, 2017 at 6:34

Aiyoub A.

5,4018 gold badges28 silver badges39 bronze badges

3 Comments

Юра Арабчук Over a year ago

i've already tried it - still not found "scripts": [ "../node_modules/jquery/dist/jquery.js" ],

Aiyoub A. Over a year ago

Check angular-cli.json file Carefully. First, make sure you install the modules by angular-cli

Юра Арабчук Over a year ago

Unfortunately none of these answers solved my problem

Юра Арабчук · Accepted Answer · 2017-07-06 10:06:40Z

1

Latest version of angular-cli(angular-cli: 1.0.0-beta.19-3) provides an assets folder under src directory. You just need to add src property of an image tag as below,

   <img src="./assets/logo.png">

But as turns out i ditn't need to include any scripts to my index.html. The main problem was that sometimes my project didn't detect the changes. I mean - in past i added line to include jquery on index.html, my project didn't detect it and therefore browser didn't show any errors (not found) and after that all the time i thoutht that i was working with jquery because of that included jquery on index.html. But actually jquery was working because i also included it in different way. So be careful about it.

edited Jul 6, 2017 at 10:06

answered Jun 30, 2017 at 8:04

Юра Арабчук

1862 silver badges10 bronze badges

Collectives™ on Stack Overflow

Script not found index.html angular 2

3 Answers 3

7 Comments

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

7 Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related