Error: ngCompiler.ReflectorHost is not a constructor #3241

paulocoutinhox · 2016-11-22T23:30:04Z

Please provide us with the following information:

OS?

Mac OSX (Sierra)

Versions.

ngtools/webpack - 1.1.7

Repro steps.

git clone github.com/prsolucoes/angular2-starter-project
cd angular2-starter-project
npm install
npm start

The log given by the failure.

paulo@MacBook-Pro-de-Paulo:~/Developer/workspaces/node/angular2-starter-project (master) $ npm start

> [email protected] start /Users/paulo/Developer/workspaces/node/angular2-starter-project
> npm run ngc && concurrently -r "webpack-dev-server --config webpack.config.js" "node ./bin/ngc-watch.js"


> [email protected] ngc /Users/paulo/Developer/workspaces/node/angular2-starter-project
> ngc -p ./tsconfig.json

/Users/paulo/Developer/workspaces/node/angular2-starter-project/node_modules/@ngtools/webpack/src/plugin.js:127
        this._reflectorHost = new ngCompiler.ReflectorHost(this._program, this._compilerHost, this._angularCompilerOptions);
                              ^

TypeError: ngCompiler.ReflectorHost is not a constructor
    at AotPlugin._setupOptions (/Users/paulo/Developer/workspaces/node/angular2-starter-project/node_modules/@ngtools/webpack/src/plugin.js:127:31)
    at new AotPlugin (/Users/paulo/Developer/workspaces/node/angular2-starter-project/node_modules/@ngtools/webpack/src/plugin.js:35:14)
    at Object.<anonymous> (/Users/paulo/Developer/workspaces/node/angular2-starter-project/webpack/plugins.js:12:2)
    at Module._compile (module.js:556:32)
    at Object.Module._extensions..js (module.js:565:10)
    at Module.load (module.js:473:32)
    at tryModuleLoad (module.js:432:12)
    at Function.Module._load (module.js:424:3)
    at Module.require (module.js:483:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (/Users/paulo/Developer/workspaces/node/angular2-starter-project/webpack.config.js:15:11)
    at Module._compile (module.js:556:32)
    at Object.Module._extensions..js (module.js:565:10)
    at Module.load (module.js:473:32)
    at tryModuleLoad (module.js:432:12)
    at Function.Module._load (module.js:424:3)

Mention any other details that might be useful.

My repository with the current problem:
https://github.com/prsolucoes/angular2-starter-project

My plugin initialization:

let ngtools = require('@ngtools/webpack');
module.exports = [
	new ngtools.AotPlugin({
		tsConfigPath: './tsconfig.json',
		baseDir: path.join(process.cwd(), 'src'),
		entryModule: path.join(process.cwd(), 'src', 'app', 'modules', 'app.module') + '#AppModule'
	}),
....

The text was updated successfully, but these errors were encountered:

jessezhang91 · 2016-11-23T04:53:25Z

I think this is due to the angular 2.2.2 moving ReflectorHost to @angular/language-service.

As a temporary workaround, I've locked my versions to 2.2.1 for @angular/*, 3.2.1 for @angular/router, 2.0.10 for typescript and everything seems to be building fine with AoT.

paulocoutinhox · 2016-11-23T04:55:44Z

I think you are correct. Because with version 2.2.1 everything is working fine :(

Previously, this was part of the `AotCompilerHost`. The `AotCompilerHost` is now also greatly simplified.

MartinNowak · 2016-11-23T11:42:59Z

Intermediately fixed by #3242, updating to angular-cli to "1.0.0-beta.21" as described here fixes aot compilation for now.

- see angular/angular-cli#3241 and angular/angular-cli#3242

paulocoutinhox · 2016-11-23T13:14:18Z

Thanks. But i dont use angular-cli. I have backed all angular2 deps to 2.2.1 version until it be solved.

Workaround for this known issue: angular/angular-cli#3241

hansl · 2016-11-23T17:22:04Z

@PRSolucoes Yes, we also updated the peer dependency of the webpack plugin. This will be resolved properly in the future (next week, because this week is thanksgiving). In the meantime you have to use Angular v2.2.1. This is unfortunate and we're looking at long term solutions to prevent this in the future.

- see angular/angular-cli#3241 and angular/angular-cli#3242

digimax · 2016-12-03T14:26:53Z

I'm not sure why HanZ closed this. Everything was working perfect for me with angular-cli-b21, this morning i update angular-cli-b22, tried to build, and i was looking at the error in my console. Same error mentioned above. I'm certain this has something to do with minor project configuration impedance, and you might like to call it a bug, no bug has ever stopped me before, so why would this one stop me now? And, no, I'm not rolling back any of dependencies, i keep everything on the bleeding edge.

colemickens · 2016-12-08T06:25:48Z

I'm also seeing this issue with angular-cli 1.0.0-beta.22-1 + angular 2.3.0.

alvipeo · 2016-12-08T06:45:44Z

Same here with angular 2.3.0. Please re-open.

stanislavromanov · 2016-12-08T08:59:03Z

Also same problem.

Angular: 2.3.0
CLI: 1.0.0-beta.22-1

petercn · 2016-12-08T12:04:30Z

Same with my project too!

Angular: 2.3.0
CLI: 1.0.0-beta.22-1

PG2000 · 2016-12-08T12:15:39Z

@hansl any news on this

colemickens · 2016-12-08T20:13:25Z

For those subscribed to this issue, there's a bit more detail on another issue: #3467 (comment)

vapits · 2016-12-09T11:21:44Z

Angular: 2.3.0 (also tried with 2.2.3)
CLI: 1.0.0-beta.22-1 (tried with 22 also)

Same here, I don't think as correct @colemickens said in the other issue that is productive to close the issues when they are still actually issues, because people cannot track internal "tickets" of the team @hansl.

Please re-open or update the subscribers for the process.
In our team whoever did an npm install simply cannot work, even if he downgrades.

ritox842 · 2016-12-09T19:01:17Z

Same issue here..
I can't run my project and getting
ngCompiler.ReflectorHost is not a constructor

Using angular-cli": "1.0.0-beta.22-1 and angular 2.3.0

unsafecode · 2016-12-11T09:26:13Z

Same here with @ngtools/[email protected]

kevinsherman · 2016-12-11T11:54:34Z

I ran into this problem after updating angular-cli from beta.20-4 to beta.22-1. After running ng init and diffing package.json, I noticed that I had "@angular/compiler-cli" : "^2.2.4" in the dependencies object, and "@angular/compiler-cli" : "2.2.3" in the devDependencies object. I removed the entry from dependencies, and was able to run npm start.

Nosfistis · 2016-12-11T13:21:31Z

@kevinsherman what version of angular are you using?

kevinsherman · 2016-12-11T13:40:58Z

@miced

"dependencies": {
   "@angular/common": "2.2.3",
   "@angular/compiler": "2.2.3",
   "@angular/core": "2.2.3",
   "@angular/forms": "2.2.3",
   "@angular/http": "2.2.3",
   "@angular/platform-browser": "2.2.3",
   "@angular/platform-browser-dynamic": "2.2.3",
   "@angular/router": "3.2.3",
   "@types/node": "^6.0.51",
   "bootstrap": "^3.3.7",
   "core-js": "^2.4.1",
   "font-awesome": "^4.7.0",
   "ng2-bootstrap": "^1.1.16",
   "rxjs": "5.0.0-beta.12",
   "ts-helpers": "^1.1.1",
   "zone.js": "^0.6.23"
 }

zakdances · 2016-12-12T00:20:12Z

Seeing the same problem as above with both 2.2.4 and 2.2.3.

reginaldocmrg · 2016-12-12T13:22:34Z

I was able to get the angular 2.3.0 working downgrading the angular-cli from version [email protected] to version [email protected]. Now the error has gone.

sclausen · 2016-12-12T14:02:14Z

@reginaldocmrg WOW that worked!

Adrriver · 2016-12-12T15:23:06Z

How do you actually rollback, though? I performed a global install of [email protected], after global removing 22, and still have .beta22! I feel liked I'm negotiating with a cartoon.

reginaldocmrg · 2016-12-12T15:25:29Z

I installed [email protected] locally.

sclausen · 2016-12-12T16:52:16Z

@Adrriver it worked well for me

sudo npm uninstall -g angular-cli
sudo npm install -g [email protected]

ritox842 · 2016-12-13T07:44:50Z

@Adrriver solution works for me also...

mahindar5 · 2016-12-13T09:34:45Z

I'm getting the same error but I'm not using angular-cli. I'm using webpack. My package.json looks like this
{
"version": "1.0.0",
"name": "sample",
"private": true,
"dependencies": {
"@angular/common": "~2.3.0",
"@angular/compiler": "~2.3.0",
"@angular/core": "~2.3.0",
"@angular/forms": "~2.3.0",
"@angular/http": "~2.3.0",
"@angular/platform-browser": "~2.3.0",
"@angular/platform-browser-dynamic": "~2.3.0",
"@angular/router": "~3.3.0",
"angular-in-memory-web-api": "~0.1.17",
"core-js": "^2.4.1",
"ionic-angular": "^2.0.0-rc.3",
"jquery": "^3.1.1",
"reflect-metadata": "^0.1.8",
"rxjs": "5.0.0-rc.4",
"systemjs": "0.19.40",
"typescript": "^2.1.4",
"zone.js": "^0.7.2"
},
"devDependencies": {
"@angular/compiler-cli": "^2.3.0",
"@ngtools/webpack": "^1.1.9",
"@types/jquery": "^2.0.34",
"angular2-template-loader": "0.6.0",
"html-webpack-plugin": "^2.24.1",
"raw-loader": "^0.5.1",
"ts-loader": "1.3.1",
"webpack": "2.1.0-beta.27"
}
}

stanislavromanov · 2016-12-13T09:36:51Z

@mahindar5 Error actually comes from webpack, either you use ng cli or not.

mahindar5 · 2016-12-13T09:43:38Z

Hi @stanislavromanov is there any workaround to fix this? Thanks

daviddsingleton · 2016-12-13T16:59:24Z

Tried all suggested solutions still nothing working.
@angular2.3
@ngtools/webpack 1.1.9

jessezhang91 · 2016-12-13T18:29:49Z

@daviddsingleton you need angular 2.2.4 (and 3.2.4 for router)

alorle · 2016-12-16T01:18:45Z

Same issue here with 1.0.0-beta.23, as in (#3501, #3467 and #3367). Besides the problem building, I do not know why UNMET PEER DEPENDENCY message when installing latest CLI release.

ng --version

angular-cli: 1.0.0-beta.23
node: 6.9.2
os: win32 x64

npm ls --depth=0

+-- UNMET PEER DEPENDENCY @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- UNMET PEER DEPENDENCY @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- UNMET PEER DEPENDENCY @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @types/[email protected]
+-- @types/[email protected]
+-- @types/[email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- UNMET PEER DEPENDENCY [email protected]
+-- [email protected]
+-- [email protected]
+-- UNMET PEER DEPENDENCY [email protected]
+-- [email protected]
`-- [email protected]

npm ERR! peer dep missing: @angular/[email protected], required by @angular/[email protected]
npm ERR! peer dep missing: @angular/[email protected], required by @angular/[email protected]
npm ERR! peer dep missing: @angular/[email protected], required by @angular/[email protected]
npm ERR! peer dep missing: [email protected], required by @angular/[email protected]
npm ERR! peer dep missing: [email protected], required by [email protected]
npm ERR! peer dep missing: tslint@~4.0.0, required by [email protected]
npm ERR! peer dep missing: @angular/[email protected], required by @ngtools/[email protected]
npm ERR! peer dep missing: @angular/[email protected], required by @ngtools/[email protected]
npm ERR! peer dep missing: tslint@^3.0.0, required by [email protected]

ng serve

ngCompiler.ReflectorHost is not a constructor
TypeError: ngCompiler.ReflectorHost is not a constructor
     at AotPlugin._setupOptions (.\node_modules\@ngtools\webpack\src\plugin.js:136:31)
     at new AotPlugin (.\node_modules\@ngtools\webpack\src\plugin.js:37:14)
     at Object.exports.getWebpackAotConfigPartial (.\node_modules\angular-cli\models\webpack-build-typescript.js:44:13)
     at new NgCliWebpackConfig (.\node_modules\angular-cli\models\webpack-config.js:25:42)
     at Class.run (.\node_modules\angular-cli\tasks\serve-webpack.js:20:22)
     at .\node_modules\angular-cli\commands\serve.js:108:26
     at process._tickCallback (internal/process/next_tick.js:103:7)

keyiis · 2016-12-20T08:02:45Z

Has progress?i has same issuse,i used webpack(2.1.0-beta.25) @angular(2.2.3) @ngtools/webpack(1.1.9)

soccio · 2016-12-21T11:18:46Z

had the same problem with beta 24, try creating a new project , then copy your source folder to that new project. then modify config files as required. It worked for me.

mgol · 2016-12-22T16:24:47Z

I had the same issue; all that was required to fix it was to remove node_modules and run npm install.

If you're using yarn you need to remove both node_modules and yarn.lock and run yarn afterwards. I suspect a dependency of a dependency is fixed in a newer version and you just need to update it.

maxime1992 · 2016-12-23T10:47:59Z

@mgol Thanks a lot, the problem was with yarn. I removed the yarn.lock and it's now working !

arunswaminathank · 2017-01-04T11:21:05Z

getting same error with angular 2.4.1 . Any specific details on which version of angular AOT works ?

mgol · 2017-01-04T11:33:52Z

@arunswaminathank Have you tried removing node_modules (and yarn.lock if you use yarn) and reinstalling dependencies?

arunswaminathank · 2017-01-04T12:11:54Z

Yes, I tried , still the same error

…

On 04-Jan-2017 5:04 PM, "Michał Gołębiowski" ***@***.***> wrote: @arunswaminathank <https://github.com/arunswaminathank> Have you tried removing node_modules (and yarn.lock if you use yarn) and reinstalling dependencies? — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#3241 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ATftz-WUvXjQHyMBgMi-cPNyvpWl3NUtks5rO4OqgaJpZM4K6EUT> .

ichent · 2017-01-06T13:06:19Z

This is unreal. I can't build my project about 2 weeks. Every combination of versions gives different errors.

zackarychapple · 2017-01-06T13:11:31Z

I'm using AOT with beta.24 and the below versions.

  "dependencies": {
    "@angular/common": "^2.4.0",
    "@angular/compiler": "^2.4.0",
    "@angular/core": "^2.4.0",
    "@angular/forms": "^2.4.0",
    "@angular/http": "^2.4.0",
    "@angular/platform-browser": "^2.4.0",
    "@angular/platform-browser-dynamic": "^2.4.0",
    "@angular/router": "^3.4.0",
    "core-js": "^2.4.1",
    "rxjs": "^5.0.1",
    "ts-helpers": "^1.1.1",
    "zone.js": "0.7.2"
  },
  "devDependencies": {
    "@angular/compiler-cli": "^2.4.0",
    "@types/jasmine": "2.5.38",
    "@types/node": "^6.0.42",
    "angular-cli": "1.0.0-beta.24",
    "codelyzer": "~2.0.0-beta.1",
    "jasmine-core": "2.5.2",
    "jasmine-spec-reporter": "2.5.0",
    "karma": "1.2.0",
    "karma-chrome-launcher": "^2.0.0",
    "karma-cli": "^1.0.1",
    "karma-jasmine": "^1.0.2",
    "karma-remap-istanbul": "^0.2.1",
    "protractor": "~4.0.13",
    "ts-node": "1.2.1",
    "tslint": "^4.0.2",
    "typescript": "~2.0.3"
  }

alvipeo · 2017-01-06T15:02:28Z

Let me try that today too. I put my prj on hold because of these issues like 3 weeks ago. Let's hope it'll work...

stanislavromanov · 2017-01-12T11:36:26Z

Still does not work. This is ridiculous.

bliitzkrieg · 2017-01-31T03:07:37Z

Was there a fix for this? I am experience this as well :(

alvipeo · 2017-01-31T07:34:30Z

That's fixed pretty long time ago. My suggestion is to create a new project with beta.26 (the current version as I write this).

keyiis · 2017-01-31T16:59:54Z

I update all package to last version,the issuse fixed.

naujfract · 2017-04-11T05:28:44Z

I use this package.json and fixed!
"dependencies": {
"@angular/common": "4.0.0",
"@angular/compiler": "4.0.0",
"@angular/compiler-cli": "4.0.0",
"@angular/core": "4.0.0",
"@angular/forms": "4.0.0",
"@angular/http": "4.0.0",
"@angular/platform-browser": "4.0.0",
"@angular/platform-browser-dynamic": "4.0.0",
"@ionic-native/core": "3.4.2",
"@ionic-native/splash-screen": "3.4.2",
"@ionic-native/status-bar": "3.4.2",
"@ionic/storage": "2.0.1",
"ionic-angular": "3.0.1",
"ionicons": "3.0.0",
"rxjs": "5.1.1",
"sw-toolbox": "3.4.0",
"zone.js": "^0.8.4",
"@ionic-native/background-mode": "^3.4.4",
"@ionic-native/geolocation": "^3.4.4",
"@types/google-maps": "^3.2.0",
"angularfire2": "^2.0.0-beta.7",
"firebase": "^3.6.9",
"geofire": "^4.1.2"
},
"devDependencies": {
"@ionic/app-scripts": "1.3.0",
"typescript": "~2.2.1"
}

angular-automatic-lock-bot · 2019-09-07T00:40:54Z

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}

MartinNowak referenced this issue in angular/angular Nov 23, 2016

refactor(compiler): move findDeclaration into the StaticReflector

24099bd

Previously, this was part of the `AotCompilerHost`. The `AotCompilerHost` is now also greatly simplified.

MartinNowak added a commit to MartinNowak/alertd that referenced this issue Nov 23, 2016

update angular-cli to fix AOT compilation

b722eb6

- see angular/angular-cli#3241 and angular/angular-cli#3242

debben added a commit to debben/ng2-admin that referenced this issue Nov 23, 2016

Lock angular versions for AOT.

f2bc8bc

Workaround for this known issue: angular/angular-cli#3241

hansl closed this as completed Nov 23, 2016

MartinNowak added a commit to MartinNowak/alertd that referenced this issue Nov 24, 2016

update angular-cli to fix AOT compilation

4230977

- see angular/angular-cli#3241 and angular/angular-cli#3242

antonkarsten mentioned this issue Dec 8, 2016

Using Angular 2.3.0 with Latest CLI - Serve/Build Fails #3467

Closed

ghost mentioned this issue Dec 16, 2016

Angular's Ahead-of-Time Compilation: ngCompiler.ReflectorHost is not a constructor #3607

Closed

smithad15 mentioned this issue Dec 19, 2016

Update typescript dependencies to 2.1.x to simplify Webpack configuration [Angular 2] rangle/rangle-starter#210

Open

angular-automatic-lock-bot bot locked and limited conversation to collaborators Sep 7, 2019

Error: ngCompiler.ReflectorHost is not a constructor #3241

Error: ngCompiler.ReflectorHost is not a constructor #3241

Comments

paulocoutinhox commented Nov 22, 2016 • edited Loading

Please provide us with the following information:

OS?

Versions.

Repro steps.

The log given by the failure.

Mention any other details that might be useful.

jessezhang91 commented Nov 23, 2016 • edited Loading

paulocoutinhox commented Nov 23, 2016

MartinNowak commented Nov 23, 2016

paulocoutinhox commented Nov 23, 2016

hansl commented Nov 23, 2016

digimax commented Dec 3, 2016 • edited Loading

colemickens commented Dec 8, 2016 • edited Loading

alvipeo commented Dec 8, 2016

stanislavromanov commented Dec 8, 2016

petercn commented Dec 8, 2016

PG2000 commented Dec 8, 2016

colemickens commented Dec 8, 2016

vapits commented Dec 9, 2016 • edited Loading

ritox842 commented Dec 9, 2016

unsafecode commented Dec 11, 2016

kevinsherman commented Dec 11, 2016

Nosfistis commented Dec 11, 2016

kevinsherman commented Dec 11, 2016

zakdances commented Dec 12, 2016

reginaldocmrg commented Dec 12, 2016 • edited Loading

sclausen commented Dec 12, 2016

Adrriver commented Dec 12, 2016 • edited Loading

reginaldocmrg commented Dec 12, 2016

sclausen commented Dec 12, 2016

ritox842 commented Dec 13, 2016

mahindar5 commented Dec 13, 2016

stanislavromanov commented Dec 13, 2016

mahindar5 commented Dec 13, 2016

daviddsingleton commented Dec 13, 2016

jessezhang91 commented Dec 13, 2016

alorle commented Dec 16, 2016

keyiis commented Dec 20, 2016

soccio commented Dec 21, 2016

mgol commented Dec 22, 2016

maxime1992 commented Dec 23, 2016

arunswaminathank commented Jan 4, 2017

mgol commented Jan 4, 2017

arunswaminathank commented Jan 4, 2017 via email

ichent commented Jan 6, 2017

zackarychapple commented Jan 6, 2017

alvipeo commented Jan 6, 2017

stanislavromanov commented Jan 12, 2017

bliitzkrieg commented Jan 31, 2017

alvipeo commented Jan 31, 2017

keyiis commented Jan 31, 2017

naujfract commented Apr 11, 2017

angular-automatic-lock-bot bot commented Sep 7, 2019

paulocoutinhox commented Nov 22, 2016 •

edited

Loading

jessezhang91 commented Nov 23, 2016 •

edited

Loading

digimax commented Dec 3, 2016 •

edited

Loading

colemickens commented Dec 8, 2016 •

edited

Loading

vapits commented Dec 9, 2016 •

edited

Loading

reginaldocmrg commented Dec 12, 2016 •

edited

Loading

Adrriver commented Dec 12, 2016 •

edited

Loading