ionic-team / stencil-ds-plugins-demo

This is a demo project using the stencil-ds-plugins.
MIT License
44 stars 20 forks source link

app-angular - Failed to compile #3

Open peterennis opened 5 years ago

peterennis commented 5 years ago
C:\ae\stencil-ds-plugins-demo\packages\app-angular>npm start

> angular-app@0.0.0 start C:\ae\stencil-ds-plugins-demo\packages\app-angular
> ng serve

** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
 11% building 14/15 modules 1 active ...emo\packages\app-angular\src\styles.cssBrowserslist: caniuse-lite is outdated. Please run next command `npm update`

Date: 2019-11-09T05:23:32.919Z
Hash: c8aeb889563b35fe12cb
Time: 12009ms
chunk {es2015-polyfills} es2015-polyfills.js, es2015-polyfills.js.map (es2015-polyfills) 284 kB [initial] [rendered]
chunk {main} main.js, main.js.map (main) 1.89 kB [initial] [rendered]
chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 93.1 kB [initial] [rendered]
chunk {runtime} runtime.js, runtime.js.map (runtime) 6.08 kB [entry] [rendered]
chunk {styles} styles.js, styles.js.map (styles) 16.3 kB [initial] [rendered]
chunk {vendor} vendor.js, vendor.js.map (vendor) 327 kB [initial] [rendered]

ERROR in node_modules/@angular/core/src/render3/ng_dev_mode.d.ts(9,11): error TS2451: Cannot redeclare block-scoped variable 'ngDevMode'.
node_modules/component-library-angular/dist/directives/proxies.d.ts(2,28): error TS2307: Cannot find module 'component-library'.
node_modules/component-library-angular/node_modules/@angular/core/src/render3/ng_dev_mode.d.ts(9,11): error TS2451: Cannot redeclare block-scoped variable 'ngDevMode'.

i 「wdm」: Failed to compile.

Capture691

SimonGolms commented 4 years ago

I got into the same thing and found out that my initial steps were wrong - with following initialization steps I was able to start the angular app successfully:

  1. git clone https://github.com/ionic-team/stencil-ds-plugins-demo.git stencil-ds-plugins-demo && cd stencil-ds-plugins-demo
  2. npm install
  3. lerna bootstrap or npx lerna bootstrap if lerna is not already installed globally
  4. lerna run build
  5. cd packages/app-angular && npm run start
  6. Open http://localhost:4200 in your browser