Angular4 importing local js file indicates 404 not found

Question

I set up a new project using "ng new xxx", just add one line in index.html:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Bbb</title>
  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">

</head>
<body>
  <app-root></app-root>
 <script type="text/javascript" src="./CitrixHTML5SDK.js"></script>
</body>
</html>

Then put the JS file in the same dir as index.html

the same dir

But when I run "ng server", the browser always show: 404

the js file not found

Does anyone know why? Thanks in advance.

I believe that you can't simply place an external js file out of the project scope and expect it to work. — HexaCrop
– HexaCrop, Commented Nov 14, 2017 at 4:34

Saurabh Agrawal · Accepted Answer · 2017-11-14 04:23:15Z

1

I was going through same issue with JSON file, so what I done is kept my JSON file in to assets folder. And access it through my code.

Here in Project file review you can also verify it.

answered Nov 14, 2017 at 4:23

Saurabh Agrawal

7,7553 gold badges31 silver badges52 bronze badges

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

Comments

Lalit · Accepted Answer · 2017-11-14 05:13:03Z

If you want to create a new folder i.e. "data". Then you will have to add "data" in "assets" array of angular-cli.json file. See below JSON data :-

    "apps": [
    {
      "root": "src",
      "outDir": "dist",
      "assets": [
        "assets",
        "data",
        "favicon.ico"
      ],
      "index": "index.html",
      "main": "main.ts",
      "polyfills": "polyfills.ts",
      "test": "test.ts",
      "tsconfig": "tsconfig.app.json",
      "testTsconfig": "tsconfig.spec.json",
      "prefix": "app",
      "styles": [
        "styles.css"
      ],
      "scripts": ["data/sample.js"],
      "environmentSource": "environments/environment.ts",
      "environments": {
        "dev": "environments/environment.ts",
        "prod": "environments/environment.prod.ts"
      }
    }
  ],

After that don't forget to restart the server. Otherwise you will get 404 error.

Collectives™ on Stack Overflow

Angular4 importing local js file indicates 404 not found

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