How can I add an internal script file to index.html in Angular?

Question

How can I insert a custom js file in index.html? Always get error 404 https://i.sstatic.net/e6EWe.png

But if add custom.js works well https://i.sstatic.net/QWsPv.png

I can't use node_modules because is very personal js (edited by me) Thanks!

The answer seems to be in your own screenshots..? What is different in those two paths? — MikeOne
– MikeOne, Commented Jan 29, 2022 at 21:05

Mahdi Saeidi · Accepted Answer · 2022-01-31 08:35:19Z

2

Add external JS files:

If you want include any js library in your angular application

add them in scripts array in angular.json respectively .js You can see in build: { } object.

Here is an example of JSON data:

"architect": {
    "build": {
      "builder": "@angular-devkit/build-angular:browser",
      "options": {
        ...
        "scripts": [
          "src/assets/js/custom.js"
        ]
      }
    }
  }

answered Jan 31, 2022 at 8:35

Mahdi Saeidi

1964 bronze badges

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

Comments

user3750252 · Accepted Answer · 2022-01-30 16:57:14Z

0

Correct path:

<script src="./assets/vendors/moment/moment-with-locales.min.js"></script>
<link href="./assets/vendors/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css" type="text/css" media="all" rel="stylesheet" />
<script src="./assets/vendors/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>

answered Jan 30, 2022 at 16:57

user3750252

315 bronze badges

Collectives™ on Stack Overflow

How can I add an internal script file to index.html in Angular?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related