Angular 6 : Scripts not loading correctly from angular.json

Question

I have not found yet the solution of this in the internet.

Angular brought this similar Github Issue , but can't find any solution there.

I have added my script files to angular.json such as (in both build & test scope):

        "assets": [
          "src/favicon.ico",
          "src/assets"
        ],
        "styles": [
          "src/styles.css"
        ],
        "scripts": [
          "src/assets/plugins/jquery/jquery-1.11.3.min.js",
          "src/assets/plugins/jquery-ui-1.11.4.custom/jquery-ui.min.js",
          "src/assets/plugins/bootstrap/js/bootstrap.min.js",
          "src/assets/plugins/owl-carousel/owl.carousel.min.js",
          "src/assets/plugins/bootstrap-select/js/bootstrap-select.min.js",
          "src/assets/js/jquery.subscribe-better.js",

          "src/assets/js/moment-with-locales.min.js",
          "src/assets/plugins/countdown/jquery.plugin.min.js",
          "src/assets/plugins/countdown/jquery.countdown.min.js",
          "src/assets/js/theme.js"
        ]

I am getting the css styles but some scripts are not working correctly.

Any solution?

Nope, it seems everything are working fine from the console. — Fahim Uddin
– Fahim Uddin, Commented Jul 31, 2018 at 15:07
"some scripts are not working correctly." ... what do you mean? are the scripts not included in the build? — fransyozef
– fransyozef, Commented Jul 31, 2018 at 15:11
@fransyozef scripts are included in the build, but say, my theme.js is working but jquery.countdown.min.js is not working. I have gone through every codes to see which functions are not working, so If I have 10 js, 3 js are working. 7 js are not working... weird though. and for verifying the js files, I have executed without angular and those files are corrects. — Fahim Uddin
– Fahim Uddin, Commented Jul 31, 2018 at 15:15
jQuery 1.11.3 ??? In general is a bad idea using angular + jquery, but the jquery actual version is 3.3.1 — Eliseo
– Eliseo, Commented Jul 31, 2018 at 17:13

yahyatoraman · Accepted Answer · 2020-09-19 17:19:59Z

1

After a couple of hours of trial-and-error, I found out that I was putting the script paths under the json key of

/projects/project-name/architect/test/options/scripts

instead of (if not both)

/projects/project-name/architect/build/options/scripts

P.S.: It may also apply to the "styles.css not working" type of questions.

answered Sep 19, 2020 at 17:19

yahyatoraman

412 bronze badges

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

1 Comment

pjpscriv Over a year ago

This was my issue as well. Worth noting that this is inside angular.json

Collectives™ on Stack Overflow

Angular 6 : Scripts not loading correctly from angular.json

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related