Updated to angular/cli:^1.6.8 - Error during template compile of 'PlatformRef'

[michaelb-01]

Versions

<!--
Output from: `ng --version`.
If nothing, output from: `node --version` and `npm --version`.
  Windows (7/8/10). Linux (incl. distribution). macOS (El Capitan? Sierra?)
-->

Angular CLI: 1.6.8 (e)
Node: 8.9.1
OS: darwin x64
Angular: 5.2.4
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

@angular/cdk: 5.2.0
@angular/cli: 1.6.8
@angular/material: 5.2.0
@angular-devkit/build-optimizer: 0.0.42
@angular-devkit/core: 0.0.29
@angular-devkit/schematics: 0.0.52
@ngtools/json-schema: 1.1.0
@ngtools/webpack: 1.9.8
@schematics/angular: 0.1.17
typescript-extends: 1.0.1
typescript: 2.4.2
webpack-concat-plugin: 1.4.0
webpack-dev-server: 2.11.1
webpack: 3.10.0

Repro steps

• Step 1
• Step 2
• Step 3

Observed behavior

<!-- Normally this includes a stack trace and some more information. -->

ERROR in Error during template compile of 'PlatformRef'
  Function calls are not supported in decorators but 'ɵmakeDecorator' was called in 'Injectable'
    'Injectable' calls 'ɵmakeDecorator'.

Desired behavior

Mention any other details that might be useful (optional)

[accilies]

Same error... was working yesterday.....

[michaelb-01]

Anyone know how to fix this? Or is there a different version I can roll back to?

[Brocco]

Please provide the steps you followed to get to this error, or better yet provide a repository that shows this error.

[httpete]

I am getting the same thing, on my own very simple module which provides a simple config value.

ERROR in Error during template compile of 'MyCoPlatformModule'
Function calls are not supported in decorators but 'MyCoComponentsModule' was called.

[accilies]

FIXED.

For me, I was importing a file out of my project config... changing that fixed the error... Finally..

[httpete]

This is my tsconfig - is that what you mean @accilies ?

{ "version": "2.5.3", "compilerOptions": { "module": "commonjs", "target": "ES5", "emitDecoratorMetadata": true, "experimentalDecorators": true, "moduleResolution": "node", "baseUrl": "./", "paths": { "@angular/*": [ "node_modules/@angular/*" ], "@uirouter/*": [ "node_modules/@uirouter/*" ] }, "lib": [ "es2017", "dom" ] }, "include": [ "src/**/*.ts" ], "exclude": [ "test.ts", "**/*.spec.ts" ] }

[pcroc]

I am hitting the same issue. Simple recreation steps:

1. Create 2 new Angular projects, project1 and project2
2. Reference a component in project2 from a module in project1
3. In project1, ng build --prod

This can be tested simply with this shell script:

mkdir prod-build-error
cd prod-build-error
ng new project1
ng new project2
cd project1/src/app
sed 's|./app.component|../../../project2/src/app/app.component|' <app.module.ts >app.module2.ts
rm app.module.ts
mv app.module2.ts app.module.ts
cd ../..
ng build --prod

Result:

ERROR in ../../project2/src/app/app.component.ts(3,2): Error during template compile of 'AppComponent'
  Function calls are not supported in decorators but 'ɵmakeDecorator' was called in 'Component'
    'Component' calls 'ɵmakeDecorator'.

[mderoche]

+1 on what @pcroc shows.

[Letheros]

Getting same error here, when I tried to run cmd: ng build --prod.
will not get this if I don't build in production mode.

Log stack as follow:

Date: 2018-04-11T20:00:47.740Z
Hash: e2a911aa7287d5340be6
Time: 10887ms
chunk {scripts} scripts..bundle.js (scripts) 342 kB [initial] [rendered]
chunk {0} styles..bundle.css (styles) 716 kB [initial] [rendered]
chunk {1} polyfills..bundle.js (polyfills) 84 bytes [initial] [rendered]
chunk {2} main..bundle.js (main) 84 bytes [initial] [rendered]
chunk {3} inline.*************.bundle.js (inline) 796 bytes [entry] [rendered]

ERROR in Error during template compile of 'PlatformRef'
Function calls are not supported in decorators but 'ɵmakeDecorator' was called in 'Injectable'
'Injectable' calls 'ɵmakeDecorator'.

[mderoche]

I managed to figure out what was causing this error in my case. (Seems like this could be caused by many things.)

I have an application that uses a library, where I develop both of them, and the library is symlinked to the application. The library would import { ... } from '@angular/core', but was trying to pull @angular/core from the node_modules local to that library instead of the node_modules local to the application.

Adding the Angular modules to the paths in tsconfig.app.json solved the issue. It'll point all of the Angular imports to the node_modules in the application instead of the node_modules in the library.

  "compilerOptions": {
    "paths": {
        "@angular/*": [ "../node_modules/@angular/*"]
    }
  }

[rtm]

@accilies What do you mean by "exporting a file out my project configuration"?