ionic-team / stencil-ds-plugins-demo Goto Github PK

View Code? Open in Web Editor NEW

44.0 6.0 20.0 602 KB

This is a demo project using the stencil-ds-plugins.

License: MIT License

JavaScript 39.74% TypeScript 52.58% HTML 6.04% CSS 1.64%

stenciljs

stencil-ds-plugins-demo's Introduction

stencil-ds-plugins-demo

This is a demo project using the stencil-ds-plugins.

stencil-ds-plugins-demo's People

Contributors

Stargazers

Watchers

Forkers

peterennis adaept jefftopia luismanfroni evandertino razvangeangu mrtnmgs brenoesilva ps011 ghingis aydk-xcc karthickj25 wlee221 liana-wang dotnetkow ziggy6792 kreo yaban johansenlbw

stencil-ds-plugins-demo's Issues

Rendering assets in Angular/Ionic

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?

error TS2307: Cannot find module 'component-library/loader'

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>

[ ERROR ] unhandledRejection: EPERM: operation not permitted, mkdir

Repo here: https://github.com/peterennis/stencil-ds-plugins-demo/tree/FirstRead

Windows 10.
Testing with update to stencil 1.8.1

React-app can't be build due to component library

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?

TS2307: Cannot find module 'component-library' - Build fail on Windows 10

@adamdbradley @mhartington

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.

React component extending Ionic components

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! :)

error TS2307: Cannot find module 'component-libraryloader' - Stencil 1.9.0-6

@mhartington

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>

npm ERR! 404 You should bug the author to publish it

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>

'[email protected]' is not in the npm registry - Fail Build app-angular

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.

app-angular has runtime error on start

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)

Despair :(

I have looked into related issues, but their suggested solutions either didn't work, or the issue was closed without solution.

Property 'subscribe' does not exist on type 'EventEmitter<SlideValue>'.

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?

error TS2307: Cannot find module 'component-libraryloader' - Stencil 1.8.2

@mhartington

Repo: https://github.com/adaept/stencil-ds-plugins-demo
Branch and Commit: adaept@7aeda1f

Updated all deps
Using Stencil 1.8.2
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

[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>

app-angular - Failed to compile

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.

app-react - Failed to compile

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>

npm ERR! 404 '@ionic-enterprise/[email protected]' is not in the npm registry

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>

@jthoms1
Related: #1

'rm' is not recognized as an internal or external command

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>