ionic-team / stencil-ds-plugins-demo Goto Github PK
View Code? Open in Web Editor NEWThis is a demo project using the stencil-ds-plugins.
License: MIT License
This is a demo project using the stencil-ds-plugins.
License: MIT License
Testing the demo.
Microsoft Windows [Version 10.0.17763.805]
(c) 2018 Microsoft Corporation. All rights reserved.
C:\Users\peter>cd C:\ae\stencil-ds-plugins-demo\packages\app-angular
C:\ae\stencil-ds-plugins-demo\packages\app-angular>npm i
npm ERR! code E404
npm ERR! 404 Not Found - GET https://registry.npmjs.org/component-library-angular - Not found
npm ERR! 404
npm ERR! 404 '[email protected]' is not in the npm registry.
npm ERR! 404 You should bug the author to publish it (or use the name yourself!)
npm ERR! 404 It was specified as a dependency of 'app-angular'
npm ERR! 404
npm ERR! 404 Note that you can also install from a
npm ERR! 404 tarball, folder, http url, or git url.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\peter\AppData\Roaming\npm-cache\_logs\2019-11-06T05_16_58_049Z-debug.log
C:\ae\stencil-ds-plugins-demo\packages\app-angular>
Repo: https://github.com/adaept/stencil-ds-plugins-demo
Branch and Commit: adaept@7aeda1f
C:\ae\stencil-ds-plugins-demo>npx lerna bootstrap
lerna notice cli v3.18.3
lerna info versioning independent
lerna info Bootstrapping 5 packages
lerna info Installing external dependencies
lerna info Symlinking packages and binaries
lerna success Bootstrapped 5 packages
C:\ae\stencil-ds-plugins-demo>cd C:\ae\stencil-ds-plugins-demo\packages\component-library
C:\ae\stencil-ds-plugins-demo\packages\component-library>npm run build --prod
> [email protected] build C:\ae\stencil-ds-plugins-demo\packages\component-library
> stencil build --docs
[18:27.2] @stencil/core v1.8.2
[18:28.2] build, demo, prod mode, started ...
[18:28.3] transpile started ...
[18:31.2] transpile finished in 2.90 s
[18:31.2] type checking started ...
[18:31.2] copy started ...
[18:31.2] generate styles started ...
[18:31.2] generate webcomponents module started ...
[18:31.2] copy finished (0 files) in 27 ms
[18:31.2] generate styles finished in 25 ms
[18:31.4] generating angular-library started ...
[18:31.4] generating react-library started ...
[18:31.8] generate angular-library finished in 396 ms
[18:31.9] generate react-library finished in 535 ms
[18:34.1] generate webcomponents module finished in 2.94 s
[18:34.1] bundling components started ...
[18:40.5] bundling components finished in 6.30 s
[18:41.4] type checking finished in 10.25 s
[18:41.7] build finished in 13.56 s
C:\ae\stencil-ds-plugins-demo\packages\component-library>cd C:\ae\stencil-ds-plugins-demo\packages\component-library-angular
C:\ae\stencil-ds-plugins-demo\packages\component-library-angular>npm run build --prod
> [email protected] build C:\ae\stencil-ds-plugins-demo\packages\component-library-angular
> npm run build.ng
> [email protected] build.ng C:\ae\stencil-ds-plugins-demo\packages\component-library-angular
> npm run build.es2015 && npm run build.es5
> [email protected] build.es2015 C:\ae\stencil-ds-plugins-demo\packages\component-library-angular
> ngc -p tsconfig.json && rollup --config ./scripts/rollup.config.js
node-resolve: setting options.module is deprecated, please override options.mainFields instead
build/es2015/core.js → dist/fesm2015.js...
created dist/fesm2015.js in 115ms
> [email protected] build.es5 C:\ae\stencil-ds-plugins-demo\packages\component-library-angular
> ngc -p tsconfig.legacy.json && rollup --config ./scripts/rollup.config.legacy.js
node-resolve: setting options.module is deprecated, please override options.mainFields instead
build/es5/core.js → dist/fesm5.js...
created dist/fesm5.js in 125ms
C:\ae\stencil-ds-plugins-demo\packages\component-library-angular>cd C:\ae\stencil-ds-plugins-demo\packages\component-library-react
C:\ae\stencil-ds-plugins-demo\packages\component-library-react>npm run build --prod
> [email protected] build C:\ae\stencil-ds-plugins-demo\packages\component-library-react
> npm run clean && npm run compile
> [email protected] clean C:\ae\stencil-ds-plugins-demo\packages\component-library-react
> rimraf dist
> [email protected] compile C:\ae\stencil-ds-plugins-demo\packages\component-library-react
> npm run tsc
> [email protected] tsc C:\ae\stencil-ds-plugins-demo\packages\component-library-react
> tsc -p .
src/components.ts:7:54 - error TS2307: Cannot find module 'component-libraryloader'.
7 import { defineCustomElements, applyPolyfills } from 'component-library\loader';
~~~~~~~~~~~~~~~~~~~~~~~~~~
Found 1 error.
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! [email protected] tsc: `tsc -p .`
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the [email protected] tsc 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\peter\AppData\Roaming\npm-cache\_logs\2019-12-20T05_20_44_590Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! [email protected] compile: `npm run tsc`
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the [email protected] compile 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\peter\AppData\Roaming\npm-cache\_logs\2019-12-20T05_20_44_651Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! [email protected] build: `npm run clean && npm run compile`
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the [email protected] build 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\peter\AppData\Roaming\npm-cache\_logs\2019-12-20T05_20_44_710Z-debug.log
C:\ae\stencil-ds-plugins-demo\packages\component-library-react>
Repo: https://github.com/adaept/stencil-ds-plugins-demo
Branch and Commit: adaept@fdec4a6
Updated all deps
Using Stencil 1.9.0-6
Using TypeScript 3.5.3
React build still fails
C:\ae\stencil-ds-plugins-demo>npx lerna bootstrap
lerna notice cli v3.18.3
lerna info versioning independent
lerna info Bootstrapping 5 packages
lerna info Installing external dependencies
lerna info Symlinking packages and binaries
lerna success Bootstrapped 5 packages
C:\ae\stencil-ds-plugins-demo>cd C:\ae\stencil-ds-plugins-demo\packages\component-library
C:\ae\stencil-ds-plugins-demo\packages\component-library>npm run build --prod
> [email protected] build C:\ae\stencil-ds-plugins-demo\packages\component-library
> stencil build --docs
[37:00.9] @stencil/core v0.0.0-stencil-dev
[ WARN ] This is a prerelease build, undocumented changes might happen at any time. Technical support is not
available for prereleases, but any assistance testing is appreciated.
[37:01.5] build, demo, prod mode, started ...
[37:01.9] transpile started ...
[37:03.9] transpile finished in 2.05 s
[37:03.9] type checking started ...
[37:03.9] copy started ...
[37:03.9] generate styles started ...
[37:03.9] bundling components started ...
[37:04.0] copy finished (0 files) in 84 ms
[37:04.2] generate styles finished in 240 ms
[37:04.2] generating angular-library started ...
[37:04.2] generating react-library started ...
[37:04.6] generate angular-library finished in 406 ms
[37:04.7] generate react-library finished in 472 ms
[37:11.5] bundling components finished in 7.55 s
[37:12.8] type checking finished in 8.87 s
[37:13.0] build finished in 11.55 s
C:\ae\stencil-ds-plugins-demo\packages\component-library>cd C:\ae\stencil-ds-plugins-demo\packages\component-library-angular
C:\ae\stencil-ds-plugins-demo\packages\component-library-angular>npm run build --prod
> [email protected] build C:\ae\stencil-ds-plugins-demo\packages\component-library-angular
> npm run build.ng
> [email protected] build.ng C:\ae\stencil-ds-plugins-demo\packages\component-library-angular
> npm run build.es2015 && npm run build.es5
> [email protected] build.es2015 C:\ae\stencil-ds-plugins-demo\packages\component-library-angular
> ngc -p tsconfig.json && rollup --config ./scripts/rollup.config.js
node-resolve: setting options.module is deprecated, please override options.mainFields instead
build/es2015/core.js → dist/fesm2015.js...
created dist/fesm2015.js in 97ms
> [email protected] build.es5 C:\ae\stencil-ds-plugins-demo\packages\component-library-angular
> ngc -p tsconfig.legacy.json && rollup --config ./scripts/rollup.config.legacy.js
node-resolve: setting options.module is deprecated, please override options.mainFields instead
build/es5/core.js → dist/fesm5.js...
created dist/fesm5.js in 77ms
C:\ae\stencil-ds-plugins-demo\packages\component-library-angular>cd C:\ae\stencil-ds-plugins-demo\packages\component-library-react
C:\ae\stencil-ds-plugins-demo\packages\component-library-react>npm run build --prod
> [email protected] build C:\ae\stencil-ds-plugins-demo\packages\component-library-react
> npm run clean && npm run compile
> [email protected] clean C:\ae\stencil-ds-plugins-demo\packages\component-library-react
> rimraf dist
> [email protected] compile C:\ae\stencil-ds-plugins-demo\packages\component-library-react
> npm run tsc
> [email protected] tsc C:\ae\stencil-ds-plugins-demo\packages\component-library-react
> tsc -p .
src/components.ts:7:54 - error TS2307: Cannot find module 'component-libraryloader'.
7 import { defineCustomElements, applyPolyfills } from 'component-library\loader';
~~~~~~~~~~~~~~~~~~~~~~~~~~
Found 1 error.
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! [email protected] tsc: `tsc -p .`
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the [email protected] tsc 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\peter\AppData\Roaming\npm-cache\_logs\2019-12-20T05_38_48_962Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! [email protected] compile: `npm run tsc`
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the [email protected] compile 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\peter\AppData\Roaming\npm-cache\_logs\2019-12-20T05_38_49_037Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! [email protected] build: `npm run clean && npm run compile`
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the [email protected] build 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\peter\AppData\Roaming\npm-cache\_logs\2019-12-20T05_38_49_102Z-debug.log
C:\ae\stencil-ds-plugins-demo\packages\component-library-react>
C:\ae\stencil-ds-plugins-demo>npx lerna bootstrap
lerna notice cli v3.16.4
lerna info versioning independent
lerna info Bootstrapping 5 packages
lerna info Installing external dependencies
lerna ERR! npm install exited 1 in 'component-library-react'
lerna ERR! npm install stderr:
npm WARN tar ENOENT: no such file or directory, open 'C:\ae\stencil-ds-plugins-demo\packages\component-library-react\node_modules\.staging\is-fullwidth-code-point-17265ef0\package.json'
npm WARN tar ENOENT: no such file or directory, open 'C:\ae\stencil-ds-plugins-demo\packages\component-library-react\node_modules\.staging\istanbul-reports-9fa6fef5\package.json'
npm WARN tar ENOENT: no such file or directory, open 'C:\ae\stencil-ds-plugins-demo\packages\component-library-react\node_modules\.staging\is-fullwidth-code-point-17265ef0\index.js'
npm WARN tar ENOENT: no such file or directory, open 'C:\ae\stencil-ds-plugins-demo\packages\component-library-react\node_modules\.staging\istanbul-reports-9fa6fef5\CHANGELOG.md'
npm WARN tar ENOENT: no such file or directory, open 'C:\ae\stencil-ds-plugins-demo\packages\component-library-react\node_modules\.staging\is-fullwidth-code-point-17265ef0\license'
npm WARN tar ENOENT: no such file or directory, open 'C:\ae\stencil-ds-plugins-demo\packages\component-library-react\node_modules\.staging\istanbul-reports-9fa6fef5\index.js'
npm WARN tar ENOENT: no such file or directory, open 'C:\ae\stencil-ds-plugins-demo\packages\component-library-react\node_modules\.staging\is-fullwidth-code-point-17265ef0\readme.md'
npm WARN tar ENOENT: no such file or directory, open 'C:\ae\stencil-ds-plugins-demo\packages\component-library-react\node_modules\.staging\istanbul-reports-9fa6fef5\LICENSE'
npm WARN tar ENOENT: no such file or directory, open 'C:\ae\stencil-ds-plugins-demo\packages\component-library-react\node_modules\.staging\istanbul-reports-9fa6fef5\README.md'
npm WARN tar ENOENT: no such file or directory, open 'C:\ae\stencil-ds-plugins-demo\packages\component-library-react\node_modules\.staging\typescript-10f3d768\lib\cs\diagnosticMessages.generated.json'
npm WARN tar ENOENT: no such file or directory, open 'C:\ae\stencil-ds-plugins-demo\packages\component-library-react\node_modules\.staging\jsdom-ad4314b9\lib\jsdom\browser\default-stylesheet.js'
npm WARN tar ENOENT: no such file or directory, open 'C:\ae\stencil-ds-plugins-demo\packages\component-library-react\node_modules\.staging\fileset-f4127a51\test\mocha.js'
npm WARN tar ENOENT: no such file or directory, open 'C:\ae\stencil-ds-plugins-demo\packages\component-library-react\node_modules\.staging\jsdom-ad4314b9\lib\jsdom\browser\documentfeatures.js'
npm WARN tar ENOENT: no such file or directory, open 'C:\ae\stencil-ds-plugins-demo\packages\component-library-react\node_modules\.staging\jsdom-ad4314b9\lib\jsdom\browser\domtohtml.js'
npm WARN tar ENOENT: no such file or directory, open 'C:\ae\stencil-ds-plugins-demo\packages\component-library-react\node_modules\.staging\jsdom-ad4314b9\lib\jsdom\browser\htmltodom.js'
npm WARN tar ENOENT: no such file or directory, open 'C:\ae\stencil-ds-plugins-demo\packages\component-library-react\node_modules\.staging\jsdom-ad4314b9\lib\jsdom\browser\not-implemented.js'
npm WARN tar ENOENT: no such file or directory, open 'C:\ae\stencil-ds-plugins-demo\packages\component-library-react\node_modules\.staging\jsdom-ad4314b9\lib\jsdom\browser\parse5-adapter-parsing.js'
npm WARN tar ENOENT: no such file or directory, open 'C:\ae\stencil-ds-plugins-demo\packages\component-library-react\node_modules\.staging\jsdom-ad4314b9\lib\jsdom\browser\parse5-adapter-serialization.js'
npm WARN tar ENOENT: no such file or directory, open 'C:\ae\stencil-ds-plugins-demo\packages\component-library-react\node_modules\.staging\jsdom-ad4314b9\lib\jsdom\browser\resource-loader.js'
npm WARN tar ENOENT: no such file or directory, open 'C:\ae\stencil-ds-plugins-demo\packages\component-library-react\node_modules\.staging\jsdom-ad4314b9\lib\jsdom\browser\Window.js'
npm WARN tar ENOENT: no such file or directory, lstat 'C:\ae\stencil-ds-plugins-demo\packages\component-library-react\node_modules\.staging\jest-cli-6499bfe6\build\lib'
npm WARN tar ENOENT: no such file or directory, open 'C:\ae\stencil-ds-plugins-demo\packages\component-library-react\node_modules\.staging\jsdom-ad4314b9\lib\jsdom\living\xhr\FormData-impl.js'
npm WARN tar ENOENT: no such file or directory, open 'C:\ae\stencil-ds-plugins-demo\packages\component-library-react\node_modules\.staging\jsdom-ad4314b9\lib\jsdom\living\xhr\XMLHttpRequestEventTarget-impl.js'
npm WARN tar ENOENT: no such file or directory, open 'C:\ae\stencil-ds-plugins-demo\packages\component-library-react\node_modules\.staging\jsdom-ad4314b9\lib\jsdom\living\xhr\XMLHttpRequestUpload-impl.js'
npm ERR! code E404
npm ERR! 404 Not Found - GET https://registry.npmjs.org/@ionic-enterprise/react-output-plugin/-/react-output-plugin-0.0.8.tgz
npm ERR! 404
npm ERR! 404 '@ionic-enterprise/[email protected]' is not in the npm registry.
npm ERR! 404 You should bug the author to publish it (or use the name yourself!)
npm ERR! 404 It was specified as a dependency of 'component-library-react'
npm ERR! 404
npm ERR! 404 Note that you can also install from a
npm ERR! 404 tarball, folder, http url, or git url.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\peter\AppData\Roaming\npm-cache\_logs\2019-11-08T17_49_11_371Z-debug.log
lerna ERR! npm install exited 1 in 'component-library-react'
lerna WARN complete Waiting for 3 child processes to exit. CTRL-C to exit immediately.
C:\ae\stencil-ds-plugins-demo>
I am receiving a 404 error in the browser that my SVG file used by my component cannot be loaded. How do I go about approaching this issue?
Related #5
Install rimraf to build react library on Windows 10.
Repo: https://github.com/peterennis/stencil-ds-plugins-demo/tree/ae-test
This commit: peterennis@c164430
This result:
I have tried with some other experiments and get the same result.
It seems related to Windows. Upgrading stencil did not help.
C:\ae\stencil-ds-plugins-demo\packages\app-angular>npm start
> [email protected] 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.
Hello folks,
I'm creating stencil components extending Ionic components, and I'm getting these errors when I try to build the React Components:
src/components.ts:14:69 - error TS2694: Namespace 'LocalJSX' has no exported member 'IonActionSheet'.
14 export const IonActionSheet = /*@__PURE__*/createReactComponent<JSX.IonActionSheet, HTMLIonActionSheetElement>('ion-action-sheet');
~~~~~~~~~~~~~~
src/components.ts:15:63 - error TS2694: Namespace 'LocalJSX' has no exported member 'IonAlert'.
15 export const IonAlert = /*@__PURE__*/createReactComponent<JSX.IonAlert, HTMLIonAlertElement>('ion-alert');
~~~~~~~~
src/components.ts:16:61 - error TS2694: Namespace 'LocalJSX' has no exported member 'IonApp'.
16 export const IonApp = /*@__PURE__*/createReactComponent<JSX.IonApp, HTMLIonAppElement>('ion-app');
~~~~~~
src/components.ts:17:64 - error TS2694: Namespace 'LocalJSX' has no exported member 'IonAvatar'.
17 export const IonAvatar = /*@__PURE__*/createReactComponent<JSX.IonAvatar, HTMLIonAvatarElement>('ion-avatar');
~~~~~~~~~
src/components.ts:18:68 - error TS2694: Namespace 'LocalJSX' has no exported member 'IonBackButton'.
18 export const IonBackButton = /*@__PURE__*/createReactComponent<JSX.IonBackButton, HTMLIonBackButtonElement>('ion-back-button');
Thanks in advance! :)
C:\ae\stencil-ds-plugins-demo\packages\component-library-react>cd C:\ae\stencil-ds-plugins-demo\packages\app-angular
C:\ae\stencil-ds-plugins-demo\packages\app-angular>npm i
npm ERR! code E404
npm ERR! 404 Not Found - GET https://registry.npmjs.org/component-library-angular - Not found
npm ERR! 404
npm ERR! 404 '[email protected]' is not in the npm registry.
npm ERR! 404 You should bug the author to publish it (or use the name yourself!)
npm ERR! 404 It was specified as a dependency of 'app-angular'
npm ERR! 404
npm ERR! 404 Note that you can also install from a
npm ERR! 404 tarball, folder, http url, or git url.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\peter\AppData\Roaming\npm-cache\_logs\2019-12-18T05_09_14_182Z-debug.log
C:\ae\stencil-ds-plugins-demo\packages\app-angular>
Forcing publish to npm for testing is not very user friendly.
Reviewing this:
https://dev.to/fvaldes33/creating-a-design-system-with-stencil-and-react-2nmj
and this:
https://github.com/fvaldes33/devto-design-system-blog/blob/master/packages/react/scripts/copy.js
seems to indicate there should be a way to build and test locally,
on multiple platforms, before having to deal with npm.
C:\ae\stencil-ds-plugins-demo\packages\app-react>npm start
> [email protected] start C:\ae\stencil-ds-plugins-demo\packages\app-react
> react-scripts start
Starting the development server...
Browserslist: caniuse-lite is outdated. Please run next command `yarn upgrade`
Failed to compile.
../component-library-react/dist/components.js
Module not found: Can't resolve 'component-library/dist/loader' in 'C:\ae\stencil-ds-plugins-demo\packages\component-library-react\dist'
Terminate batch job (Y/N)? y
C:\ae\stencil-ds-plugins-demo\packages\app-react>
When using the web components generated using @stencil/[email protected]
, in an Angular 12.2.0
, I get the following error in props of type @Event()
Property 'subscribe' does not exist on type 'EventEmitter<SlideValue>'.
Using the same components in an Angular 8.2.14
, everything works perfectly.
It is noteworthy that even in version 12.2.0
of Angular, if I go to EventEmitter
and add a prop called subscribe: any;
, the events work normally. Appears to be a problem related to typing only.
Here is an Angular repository with the mentioned problem. It's consuming a web component library that I just published for testing.
https://github.com/reginaldoboeke/angular-stencil
Is this issue already known?
Hi, i'm currently working on implementing a stencil library with react/angular ouputs like this demo does.
But now i got the same error in this repo like in my project (i thought i did something wrong there).
Maybe you can tell me what im doing wrong.
I checked out this demo, installed all packages in required packages and build the component-library with npm run build
and then i build the react-app and i got this error:
Any idea?
Repo here: https://github.com/peterennis/stencil-ds-plugins-demo/tree/FirstRead
Windows 10.
Testing with update to stencil 1.8.1
C:\ae\stencil-ds-plugins-demo\packages\component-library-angular>npm run build
> [email protected] build C:\ae\stencil-ds-plugins-demo\packages\component-library-angular
> npm run build.ng
> [email protected] build.ng C:\ae\stencil-ds-plugins-demo\packages\component-library-angular
> npm run build.es2015 && npm run build.es5
> [email protected] build.es2015 C:\ae\stencil-ds-plugins-demo\packages\component-library-angular
> ngc -p tsconfig.json && rollup --config ./scripts/rollup.config.js
src/component-library-module.ts(2,38): error TS2307: Cannot find module 'component-library/loader'.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] build.es2015: `ngc -p tsconfig.json && rollup --config ./scripts/rollup.config.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] build.es2015 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\peter\AppData\Roaming\npm-cache\_logs\2019-11-09T05_49_19_105Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] build.ng: `npm run build.es2015 && npm run build.es5`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] build.ng 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\peter\AppData\Roaming\npm-cache\_logs\2019-11-09T05_49_19_136Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] build: `npm run build.ng`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] build 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\peter\AppData\Roaming\npm-cache\_logs\2019-11-09T05_49_19_182Z-debug.log
C:\ae\stencil-ds-plugins-demo\packages\component-library-angular>
Steps to Repro:
Clone repo
npm install
lerna bootstrap
build component-library
build component-library-angular
'npm start' app-angular
Open http://localhost:4200 in Chrome (80)
See following error in console (twice)
AppComponent.html:3 ERROR NullInjectorError: StaticInjectorError(AppModule)[DemoComponent -> ChangeDetectorRef]:
StaticInjectorError(Platform: core)[DemoComponent -> ChangeDetectorRef]:
NullInjectorError: No provider for ChangeDetectorRef!
at NullInjector.push../node_modules/@angular/core/fesm5/core.js.NullInjector.get (http://localhost:4200/vendor.js:89853:25)
at resolveToken (http://localhost:4200/vendor.js:101046:24)
at tryResolveToken (http://localhost:4200/vendor.js:100990:16)
at StaticInjector.push../node_modules/@angular/core/fesm5/core.js.StaticInjector.get (http://localhost:4200/vendor.js:100892:20)
at resolveToken (http://localhost:4200/vendor.js:101046:24)
at tryResolveToken (http://localhost:4200/vendor.js:100990:16)
at StaticInjector.push../node_modules/@angular/core/fesm5/core.js.StaticInjector.get (http://localhost:4200/vendor.js:100892:20)
at resolveNgModuleDep (http://localhost:4200/vendor.js:109362:29)
at NgModuleRef_.push../node_modules/@angular/core/fesm5/core.js.NgModuleRef_.get (http://localhost:4200/vendor.js:110033:16)
at resolveDep (http://localhost:4200/vendor.js:110404:45)
I have looked into related issues, but their suggested solutions either didn't work, or the issue was closed without solution.
Running on Windows 10. Need rimraf or similar?
C:\ae\stencil-ds-plugins-demo\packages\component-library-react>npm run build
> [email protected] build C:\ae\stencil-ds-plugins-demo\packages\component-library-react
> npm run clean && npm run compile
> [email protected] clean C:\ae\stencil-ds-plugins-demo\packages\component-library-react
> rm -rf dist
'rm' is not recognized as an internal or external command,
operable program or batch file.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] clean: `rm -rf dist`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] clean 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\peter\AppData\Roaming\npm-cache\_logs\2019-11-09T05_43_55_132Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] build: `npm run clean && npm run compile`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] build 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\peter\AppData\Roaming\npm-cache\_logs\2019-11-09T05_43_55_176Z-debug.log
C:\ae\stencil-ds-plugins-demo\packages\component-library-react>
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.