Angular-cli: `scripts.bundle.js` not rebuilding when file included in `scripts` changes

Created on 25 Sep 2017 · 12Comments · Source: angular/angular-cli

Bug Report or Feature Request (mark with an `x`)

- [x] bug report -> please search issues before submitting

Versions.

@angular/cli: 1.4.3
node: 6.7.0
os: darwin x64
@angular/animations: 4.4.3
@angular/common: 4.4.3
@angular/compiler: 4.4.3
@angular/core: 4.4.3
@angular/forms: 4.4.3
@angular/http: 4.4.3
@angular/platform-browser: 4.4.3
@angular/platform-browser-dynamic: 4.4.3
@angular/router: 4.4.3
@angular/cli: 1.4.3
@angular/compiler-cli: 4.4.3
@angular/language-service: 4.4.3
typescript: 2.3.4

Repro steps.

ng new scriptsTest
cd scriptsTest
echo "console.log('hello')" > ./src/update.js

Update .angular-cli.json to include update.js in scripts, e.g.

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "project": {
    "name": "scripts-test"
  },
  "apps": [
    {
      "root": "src",
      "outDir": "dist",
      "assets": [
        "assets",
        "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": ["update.js"],
      "environmentSource": "environments/environment.ts",
      "environments": {
        "dev": "environments/environment.ts",
        "prod": "environments/environment.prod.ts"
      }
    }
  ],
  "e2e": {
    "protractor": {
      "config": "./protractor.conf.js"
    }
  },
  "lint": [
    {
      "project": "src/tsconfig.app.json",
      "exclude": "**/node_modules/**"
    },
    {
      "project": "src/tsconfig.spec.json",
      "exclude": "**/node_modules/**"
    },
    {
      "project": "e2e/tsconfig.e2e.json",
      "exclude": "**/node_modules/**"
    }
  ],
  "test": {
    "karma": {
      "config": "./karma.conf.js"
    }
  },
  "defaults": {
    "styleExt": "css",
    "component": {}
  }
}

Run ng serve and open the webpage.

You will see hello logged to the console.

Now edit the src/update.js file, change it to console.log('hello world');

Webpack will trigger a rebuild of all the other bundles, but scripts bundle will stay the same. The page will reload, and the console will log hello again, instead of hello world.

Restarting the build completely is the only way to get the change.

Desired functionality.

We'd like to see the external script changes trigger an update to the scripts.bundle.js. We're using scripts to include our ng1 bundle, and our changes to that bundle are not getting built.

Mention any other details that might be useful.

This might be related to this commit: https://github.com/angular/angular-cli/commit/e8f27f0

1 (urgent) regression bufix

Source

DaftMonk

👍8

Most helpful comment

Setting cli to 1.4.2 doesn't seem to help.

Example project which demonstrates the issue can be found there.

PrimosK on 16 Oct 2017

👍3 🎉1

All 12 comments

Just as note for anyone effected by this, pin your cli version to "@angular/cli": "1.4.2" (without the ^), and scripts will work as intended.

MarkPieszak on 2 Oct 2017

Setting cli to 1.4.2 doesn't seem to help.

Example project which demonstrates the issue can be found there.

PrimosK on 16 Oct 2017

👍3 🎉1

same issue using latest ng 1.5.3
scripts files not being included :(

born2net on 22 Nov 2017

I'm having the same issue. using "@angular/cli": "1.5.0"

alamgirqazi on 27 Nov 2017

👍1

Same issue here

toddams on 6 Dec 2017

I am facing the same problem,
With both

"devDependencies": { "@angular/cli": "1.1.3", "@angular/compiler-cli": "^4.0.0", "@angular/language-service": "^4.0.0", "@types/jasmine": "2.5.45", "@types/node": "~6.0.60", "codelyzer": "~3.0.1", "jasmine-core": "~2.6.2", "jasmine-spec-reporter": "~4.1.0", "karma": "~1.7.0", "karma-chrome-launcher": "~2.1.1", "karma-cli": "~1.0.1", "karma-coverage-istanbul-reporter": "^1.2.1", "karma-jasmine": "~1.1.0", "karma-jasmine-html-reporter": "^0.2.2", "protractor": "~5.1.2", "ts-node": "~3.0.4", "tslint": "~5.3.2", "typescript": "~2.3.3" }

AND

"devDependencies": { "@angular/cli": "1.5.5", "@angular/compiler-cli": "^5.0.0", "@angular/language-service": "^5.0.0", "@types/jasmine": "~2.5.53", "@types/jasminewd2": "~2.0.2", "@types/node": "~6.0.60", "codelyzer": "^4.0.1", "jasmine-core": "~2.6.2", "jasmine-spec-reporter": "~4.1.0", "karma": "~1.7.0", "karma-chrome-launcher": "~2.1.1", "karma-cli": "~1.0.1", "karma-coverage-istanbul-reporter": "^1.2.1", "karma-jasmine": "~1.1.0", "karma-jasmine-html-reporter": "^0.2.2", "protractor": "~5.1.2", "ts-node": "~3.2.0", "tslint": "~5.7.0", "typescript": "~2.4.2" }

@filipesilva can you please help resolving this issue?