denysvuika / ng2-dynamic-content Goto Github PK

I have node v=6.10.0 and npm v=4.2.0
I have wright "npm install" its give lots of error

I created a component "app-myname" but When I am giving below string

<app-myname myname='Hashmi'></app-myname>

It is giving error.

VM1142 AppComponent_Host.ngfactory.js:5 ERROR Error: Template parse errors:
'app-myname' is not a known element:

1. If 'app-myname' is an Angular component, then verify that it is part of this module.
2. If 'app-myname' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
   [ERROR ->]
   "): ng:///RuntimeComponentModule/RuntimeComponent.html@0:5
   at syntaxError (VM1118 vendor.js:8689)
   at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse (VM1118 vendor.js:26863)
   at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate (VM1118 vendor.js:32409)
   at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate (VM1118 vendor.js:32396)
   at VM1118 vendor.js:32339
   at Set.forEach ()
   at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents (VM1118 vendor.js:32339)
   at VM1118 vendor.js:32257
   at Object.then (VM1118 vendor.js:8680)
   at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents (VM1118 vendor.js:32255)
   ``

Hi,

When browsing an application (based on angular-cli) compiled for production in Angular 4.0.3:

ng build --env=prod -prod

a runtime error happens when loading a dynamic component (RuntimeContentComponent):

Error: Runtime compiler is not loaded

The same happens when AOT is disabled:

ng build --env=prod -prod -no-aot --aot=false

[email protected] start C:\Users\rurbanski1\Projekty\ng2-dynamic-content
tsc && concurrently "tsc -w" "npm run serve"

node_modules/rxjs/Subject.d.ts(16,22): error TS2415: Class 'Subject' incorrectly extends base class 'Observable'.
Types of property 'lift' are incompatible.
Type '<T, R>(operator: Operator<T, R>) => Observable' is not assignable to type '(operator: Operator<T, R>) => Observable'.
Type 'Observable' is not assignable to type 'Observable'.
Type 'T' is not assignable to type 'R'.
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! [email protected] start: tsc && concurrently "tsc -w" "npm run serve"
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the [email protected] start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\rurbanski1\AppData\Roaming\npm-cache_logs\2017-07-21T12_03_26_512Z-debug.log

node v6.10.3
npm v5.3.0