You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I can't figure out how do I build the package. Running npm run build fails with a lot of errors:
How do I compile it the way it's packaged before publishing it in npm?
npm run build
> [email protected] build
> ng build
⠋ Generating browser application bundles...(node:141618) [DEP0148] DeprecationWarning: Use of deprecated folder mapping "./" in the "exports" field module resolution of the package at /home/kuba/projects/ngx-pinch-zoom/node_modules/postcss/package.json.
Update this package.json to use a subpath pattern like "./*".
(Use `node --trace-deprecation ...` to show where the warning was created)
✔ Browser application bundle generation complete.
Error: src/app/app.component.html:106:17 - error NG8002: Can't bind to 'zoomControlScale' since it isn't a known property of 'pinch-zoom'.
1. If 'pinch-zoom' is an Angular component and it has 'zoomControlScale' input, then verify that it is part of this module.
2. If 'pinch-zoom' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.
106 <pinch-zoom [zoomControlScale]="2">
~~~~~~~~~~~~~~~~~~~~~~
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: src/app/app.component.html:106:5 - error NG8001: 'pinch-zoom' is not a known element:
1. If 'pinch-zoom' is an Angular component, then verify that it is part of this module.
2. If 'pinch-zoom' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
106 <pinch-zoom [zoomControlScale]="2">
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: src/app/app.component.html:115:17 - error NG8002: Can't bind to 'backgroundColor' since it isn't a known property of 'pinch-zoom'.
1. If 'pinch-zoom' is an Angular component and it has 'backgroundColor' input, then verify that it is part of this module.
2. If 'pinch-zoom' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.
115 <pinch-zoom [backgroundColor]="'rgba(0,0,0,0.65)'">
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: src/app/app.component.html:115:5 - error NG8001: 'pinch-zoom' is not a known element:
1. If 'pinch-zoom' is an Angular component, then verify that it is part of this module.
2. If 'pinch-zoom' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
115 <pinch-zoom [backgroundColor]="'rgba(0,0,0,0.65)'">
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: src/app/app.component.html:124:17 - error NG8002: Can't bind to 'limitPan' since it isn't a known property of 'pinch-zoom'.
1. If 'pinch-zoom' is an Angular component and it has 'limitPan' input, then verify that it is part of this module.
2. If 'pinch-zoom' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.
124 <pinch-zoom [limitPan]="true">
~~~~~~~~~~~~~~~~~
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: src/app/app.component.html:124:5 - error NG8001: 'pinch-zoom' is not a known element:
1. If 'pinch-zoom' is an Angular component, then verify that it is part of this module.
2. If 'pinch-zoom' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
124 <pinch-zoom [limitPan]="true">
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: src/app/app.component.html:133:17 - error NG8002: Can't bind to 'listeners' since it isn't a known property of 'pinch-zoom'.
1. If 'pinch-zoom' is an Angular component and it has 'listeners' input, then verify that it is part of this module.
2. If 'pinch-zoom' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.
133 <pinch-zoom [listeners]="'auto'">
~~~~~~~~~~~~~~~~~~~~
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: src/app/app.component.html:133:5 - error NG8001: 'pinch-zoom' is not a known element:
1. If 'pinch-zoom' is an Angular component, then verify that it is part of this module.
2. If 'pinch-zoom' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
133 <pinch-zoom [listeners]="'auto'">
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: src/app/app.component.html:142:17 - error NG8002: Can't bind to 'wheel' since it isn't a known property of 'pinch-zoom'.
1. If 'pinch-zoom' is an Angular component and it has 'wheel' input, then verify that it is part of this module.
2. If 'pinch-zoom' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.
142 <pinch-zoom [wheel]="false">
~~~~~~~~~~~~~~~
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: src/app/app.component.html:142:5 - error NG8001: 'pinch-zoom' is not a known element:
1. If 'pinch-zoom' is an Angular component, then verify that it is part of this module.
2. If 'pinch-zoom' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
142 <pinch-zoom [wheel]="false">
~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: src/app/app.component.html:151:17 - error NG8002: Can't bind to 'wheelZoomFactor' since it isn't a known property of 'pinch-zoom'.
1. If 'pinch-zoom' is an Angular component and it has 'wheelZoomFactor' input, then verify that it is part of this module.
2. If 'pinch-zoom' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.
151 <pinch-zoom [wheelZoomFactor]="0.5">
~~~~~~~~~~~~~~~~~~~~~~~m
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: src/app/app.component.html:151:5 - error NG8001: 'pinch-zoom' is not a known element:
1. If 'pinch-zoom' is an Angular component, then verify that it is part of this module.
2. If 'pinch-zoom' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
151 <pinch-zoom [wheelZoomFactor]="0.5">
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: src/app/app.component.html:160:17 - error NG8002: Can't bind to 'autoHeight' since it isn't a known property of 'pinch-zoom'.
1. If 'pinch-zoom' is an Angular component and it has 'autoHeight' input, then verify that it is part of this module.
2. If 'pinch-zoom' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.
160 <pinch-zoom [autoHeight]="true">
~~~~~~~~~~~~~~~~~~~
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: src/app/app.component.html:160:5 - error NG8001: 'pinch-zoom' is not a known element:
1. If 'pinch-zoom' is an Angular component, then verify that it is part of this module.
2. If 'pinch-zoom' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
160 <pinch-zoom [autoHeight]="true">
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: src/app/app.component.html:169:17 - error NG8002: Can't bind to 'draggableImage' since it isn't a known property of 'pinch-zoom'.
1. If 'pinch-zoom' is an Angular component and it has 'draggableImage' input, then verify that it is part of this module.
2. If 'pinch-zoom' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.
169 <pinch-zoom [draggableImage]="true">
~~~~~~~~~~~~~~~~~~~~~~~
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: src/app/app.component.html:169:5 - error NG8001: 'pinch-zoom' is not a known element:
1. If 'pinch-zoom' is an Angular component, then verify that it is part of this module.
2. If 'pinch-zoom' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
169 <pinch-zoom [draggableImage]="true">
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: src/app/app.component.html:17:17 - [91merror NG8002: Can't bind to 'limit-zoom' since it isn't a known property of 'pinch-zoom'.
1. If 'pinch-zoom' is an Angular component and it has 'limit-zoom' input, then verify that it is part of this module.
2. If 'pinch-zoom' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.
17 <pinch-zoom [limit-zoom]="2">
~~~~~~~~~~~~~~~~
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: src/app/app.component.html:17:5 - error NG8001: 'pinch-zoom' is not a known element:
1. If 'pinch-zoom' is an Angular component, then verify that it is part of this module.
2. If 'pinch-zoom' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
17 <pinch-zoom [limit-zoom]="2">
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: src/app/app.component.html:177:27 - error NG8003: No directive found with exportAs 'pinchZoom'.
177 <pinch-zoom #myPinch="pinchZoom">
~~~~~~~~~
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: src/app/app.component.html:177:5 - error NG8001: 'pinch-zoom' is not a known element:
1. If 'pinch-zoom' is an Angular component, then verify that it is part of this module.
2. If 'pinch-zoom' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
177 <pinch-zoom #myPinch="pinchZoom">
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: src/app/app.component.html:26:17 - error NG8002: Can't bind to 'minScale' since it isn't a known property of 'pinch-zoom'.
1. If 'pinch-zoom' is an Angular component and it has 'minScale' input, then verify that it is part of this module.
2. If 'pinch-zoom' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.
26 <pinch-zoom [minScale]="1">
~~~~~~~~~~~~~~
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: src/app/app.component.html:26:5 - error NG8001: 'pinch-zoom' is not a known element:
1. If 'pinch-zoom' is an Angular component, then verify that it is part of this module.
2. If 'pinch-zoom' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
26 <pinch-zoom [minScale]="1">
~~~~~~~~~~~~~~~~~~~~~~~~~~~
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: src/app/app.component.html:35:17 - error NG8002: Can't bind to 'auto-zoom-out' since it isn't a known property of 'pinch-zoom'.
1. If 'pinch-zoom' is an Angular component and it has 'auto-zoom-out' input, then verify that it is part of this module.
2. If 'pinch-zoom' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.
35 <pinch-zoom [auto-zoom-out]="true">
~~~~~~~~~~~~~~~~~~~~~~
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: src/app/app.component.html:35:5 - error NG8001: 'pinch-zoom' is not a known element:
1. If 'pinch-zoom' is an Angular component, then verify that it is part of this module.
2. If 'pinch-zoom' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
35 <pinch-zoom [auto-zoom-out]="true">
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src/app/app.component.ts:5[0m:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: src/app/app.component.html:44:17 - error NG8002: Can't bind to 'double-tap' since it isn't a known property of 'pinch-zoom'.
1. If 'pinch-zoom' is an Angular component and it has 'double-tap' input, then verify that it is part of this module.
2. If 'pinch-zoom' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.
44 <pinch-zoom [double-tap]="false">
~~~~~~~~~~~~~~~~~~~~
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: src/app/app.component.html:44:5 - error NG8001: 'pinch-zoom' is not a known element:
1. If 'pinch-zoom' is an Angular component, then verify that it is part of this module.
2. If 'pinch-zoom' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
44 <pinch-zoom [double-tap]="false">
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: src/app/app.component.html:53:17 - error NG8002: Can't bind to 'double-tap-scale' since it isn't a known property of 'pinch-zoom'.
1. If 'pinch-zoom' is an Angular component and it has 'double-tap-scale' input, then verify that it is part of this module.
2. If 'pinch-zoom' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.
53 <pinch-zoom [double-tap-scale]="4">
~~~~~~~~~~~~~~~~~~~~~~
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: src/app/app.component.html:53:5 - error NG8001: 'pinch-zoom' is not a known element:
1. If 'pinch-zoom' is an Angular component, then verify that it is part of this module.
2. If 'pinch-zoom' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
53 <pinch-zoom [double-tap-scale]="4">
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: src/app/app.component.html:61:17 - error NG8002: Can't bind to 'disabled' since it isn't a known property of 'pinch-zoom'.
1. If 'pinch-zoom' is an Angular component and it has 'disabled' input, then verify that it is part of this module.
2. If 'pinch-zoom' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.
61 <pinch-zoom [disabled]="true">
~~~~~~~~~~~~~~~~~
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: 96msrc/app/app.component.html:61:5 - error NG8001: 'pinch-zoom' is not a known element:
1. If 'pinch-zoom' is an Angular component, then verify that it is part of this module.
2. If 'pinch-zoom' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
61 <pinch-zoom [disabled]="true">
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: src/app/app.component.html:70:17 - error NG8002: Can't bind to 'disablePan' since it isn't a known property of 'pinch-zoom'.
1. If 'pinch-zoom' is an Angular component and it has 'disablePan' input, then verify that it is part of this module.
2. If 'pinch-zoom' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.
70 <pinch-zoom [disablePan]="true">
~~~~~~~~~~~~~~~~~~~
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: src/app/app.component.html:70:5 - error NG8001: 'pinch-zoom' is not a known element:
1. If 'pinch-zoom' is an Angular component, then verify that it is part of this module.
2. If 'pinch-zoom' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
70 <pinch-zoom [disablePan]="true">
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: src/app/app.component.html:79:17 - error NG8002: Can't bind to 'minPanScale' since it isn't a known property of 'pinch-zoom'.
1. If 'pinch-zoom' is an Angular component and it has 'minPanScale' input, then verify that it is part of this module.
2. If 'pinch-zoom' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.
79 <pinch-zoom [minPanScale]="2">
~~~~~~~~~~~~~~~~~m
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: src/app/app.component.html:79:5 - error NG8001: 'pinch-zoom' is not a known element:
1. If 'pinch-zoom' is an Angular component, then verify that it is part of this module.
2. If 'pinch-zoom' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
79 <pinch-zoom [minPanScale]="2">
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: src/app/app.component.html:8:17 - error NG8002: Can't bind to 'transition-duration' since it isn't a known property of 'pinch-zoom'.
1. If 'pinch-zoom' is an Angular component and it has 'transition-duration' input, then verify that it is part of this module.
2. If 'pinch-zoom' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.
8 <pinch-zoom [transition-duration]="1000">
~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: src/app/app.component.html:8:5 - error NG8001: 'pinch-zoom' is not a known element:
1. If 'pinch-zoom' is an Angular component, then verify that it is part of this module.
2. If 'pinch-zoom' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
8 <pinch-zoom [transition-duration]="1000">
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: src/app/app.component.html:88:17 - error NG8002: Can't bind to 'overflow' since it isn't a known property of 'pinch-zoom'.
1. If 'pinch-zoom' is an Angular component and it has 'overflow' input, then verify that it is part of this module.
2. If 'pinch-zoom' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.
88 <pinch-zoom [overflow]="'visible'">
~~~~~~~~~~~~~~~~~~~~~~
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: src/app/app.component.html:88:5 - error NG8001: 'pinch-zoom' is not a known element:
1. If 'pinch-zoom' is an Angular component, then verify that it is part of this module.
2. If 'pinch-zoom' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
88 <pinch-zoom [overflow]="'visible'">
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: src/app/app.component.html:97:17m - error NG8002: Can't bind to 'disableZoomControl' since it isn't a known property of 'pinch-zoom'.
1. If 'pinch-zoom' is an Angular component and it has 'disableZoomControl' input, then verify that it is part of this module.
2. If 'pinch-zoom' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.
97 <pinch-zoom [disableZoomControl]="'disable'">
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: src/app/app.component.html:97:5 - error NG8001: 'pinch-zoom' is not a known element:
1. If 'pinch-zoom' is an Angular component, then verify that it is part of this module.
2. If 'pinch-zoom' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
97 <pinch-zoom [disableZoomControl]="'disable'">
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
Error: src/app/app.module.ts:12:12 - error NG1010: Value at position 2 in the NgModule.imports of AppModule is not a reference
Value could not be determined statically.
12 imports: [
~
13 BrowserModule,
~~~~~~~~~~~~~~~~~~
...
15 PinchZoomModule
~~~~~~~~~~~~~~~~~~~
16 ],
~~~
src/app/app.module.ts:15:5
15 PinchZoomModule
~~~~~~~~~~~~~~~
Unknown reference.
Error: src/app/app.module.ts:6:33 - error TS2307: Cannot find module 'ngx-pinch-zoom' or its corresponding type declarations.
6 import { PinchZoomModule } from 'ngx-pinch-zoom';
~~~~~~~~~~~~~~~~
Error: ./src/app/app.module.ts
Module not found: Error: Can't resolve 'ngx-pinch-zoom' in '/home/kuba/projects/ngx-pinch-zoom/src/app'
resolve 'ngx-pinch-zoom' in '/home/kuba/projects/ngx-pinch-zoom/src/app'
Parsed request is a module
using description file: /home/kuba/projects/ngx-pinch-zoom/package.json (relative path: ./src/app)
Field 'browser' doesn't contain a valid alias configuration
using description file: /home/kuba/projects/ngx-pinch-zoom/package.json (relative path: ./src/app)
Field 'browser' doesn't contain a valid alias configuration
root path /home/kuba/projects/ngx-pinch-zoom
using description file: /home/kuba/projects/ngx-pinch-zoom/package.json (relative path: ./home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom/ngx-pinch-zoom)
no extension
Field 'browser' doesn't contain a valid alias configuration
/home/kuba/projects/ngx-pinch-zoom/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom/ngx-pinch-zoom doesn't exist
.ts
Field 'browser' doesn't contain a valid alias configuration
/home/kuba/projects/ngx-pinch-zoom/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom/ngx-pinch-zoom.ts doesn't exist
.tsx
Field 'browser' doesn't contain a valid alias configuration
/home/kuba/projects/ngx-pinch-zoom/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom/ngx-pinch-zoom.tsx doesn't exist
.mjs
Field 'browser' doesn't contain a valid alias configuration
/home/kuba/projects/ngx-pinch-zoom/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom/ngx-pinch-zoom.mjs doesn't exist
.js
Field 'browser' doesn't contain a valid alias configuration
/home/kuba/projects/ngx-pinch-zoom/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom/ngx-pinch-zoom.js doesn't exist
as directory
/home/kuba/projects/ngx-pinch-zoom/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom/ngx-pinch-zoom doesn't exist
using description file: /home/kuba/projects/ngx-pinch-zoom/package.json (relative path: ./dist/ngx-pinch-zoom/ngx-pinch-zoom)
no extension
Field 'browser' doesn't contain a valid alias configuration
/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom/ngx-pinch-zoom doesn't exist
.ts
Field 'browser' doesn't contain a valid alias configuration
/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom/ngx-pinch-zoom.ts doesn't exist
.tsx
Field 'browser' doesn't contain a valid alias configuration
/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom/ngx-pinch-zoom.tsx doesn't exist
.mjs
Field 'browser' doesn't contain a valid alias configuration
/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom/ngx-pinch-zoom.mjs doesn't exist
.js
Field 'browser' doesn't contain a valid alias configuration
/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom/ngx-pinch-zoom.js doesn't exist
as directory
/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom/ngx-pinch-zoom doesn't exist
using description file: /home/kuba/projects/ngx-pinch-zoom/package.json (relative path: ./src/app)
Field 'browser' doesn't contain a valid alias configuration
root path /home/kuba/projects/ngx-pinch-zoom
using description file: /home/kuba/projects/ngx-pinch-zoom/package.json (relative path: ./home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom)
no extension
Field 'browser' doesn't contain a valid alias configuration
/home/kuba/projects/ngx-pinch-zoom/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom doesn't exist
.ts
Field 'browser' doesn't contain a valid alias configuration
/home/kuba/projects/ngx-pinch-zoom/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom.ts doesn't exist
.tsx
Field 'browser' doesn't contain a valid alias configuration
/home/kuba/projects/ngx-pinch-zoom/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom.tsx doesn't exist
.mjs
Field 'browser' doesn't contain a valid alias configuration
/home/kuba/projects/ngx-pinch-zoom/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom.mjs doesn't exist
.js
Field 'browser' doesn't contain a valid alias configuration
/home/kuba/projects/ngx-pinch-zoom/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom.js doesn't exist
as directory
/home/kuba/projects/ngx-pinch-zoom/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom doesn't exist
using description file: /home/kuba/projects/ngx-pinch-zoom/package.json (relative path: ./dist/ngx-pinch-zoom)
no extension
Field 'browser' doesn't contain a valid alias configuration
/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom doesn't exist
.ts
Field 'browser' doesn't contain a valid alias configuration
/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom.ts doesn't exist
.tsx
Field 'browser' doesn't contain a valid alias configuration
/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom.tsx doesn't exist
.mjs
Field 'browser' doesn't contain a valid alias configuration
/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom.mjs doesn't exist
.js
Field 'browser' doesn't contain a valid alias configuration
/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom.js doesn't exist
as directory
/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom doesn't exist
resolve as module
looking for modules in /home/kuba/projects/ngx-pinch-zoom
using description file: /home/kuba/projects/ngx-pinch-zoom/package.json (relative path: .)
Field 'browser' doesn't contain a valid alias configuration
using description file: /home/kuba/projects/ngx-pinch-zoom/package.json (relative path: ./ngx-pinch-zoom)
no extension
Field 'browser' doesn't contain a valid alias configuration
/home/kuba/projects/ngx-pinch-zoom/ngx-pinch-zoom doesn't exist
.ts
Field 'browser' doesn't contain a valid alias configuration
/home/kuba/projects/ngx-pinch-zoom/ngx-pinch-zoom.ts doesn't exist
.tsx0m
Field 'browser' doesn't contain a valid alias configuration
/home/kuba/projects/ngx-pinch-zoom/ngx-pinch-zoom.tsx doesn't exist
.mjs
Field 'browser' doesn't contain a valid alias configuration
/home/kuba/projects/ngx-pinch-zoom/ngx-pinch-zoom.mjs doesn't exist
.js
Field 'browser' doesn't contain a valid alias configuration
/home/kuba/projects/ngx-pinch-zoom/ngx-pinch-zoom.js doesn't exist
as directory
/home/kuba/projects/ngx-pinch-zoom/ngx-pinch-zoom doesn't exist
/home/kuba/projects/ngx-pinch-zoom/src/app/node_modules doesn't exist or is not a directory
/home/kuba/projects/ngx-pinch-zoom/src/node_modules doesn't exist or is not a directory
/home/kuba/projects/node_modules doesn't exist or is not a directory
/home/kuba/node_modules doesn't exist or is not a directory
/home/node_modules doesn't exist or is not a directory
/node_modules doesn't exist or is not a directory
looking for modules in /home/kuba/projects/ngx-pinch-zoom/node_modules
using description file: /home/kuba/projects/ngx-pinch-zoom/package.json (relative path: ./node_modules)
Field 'browser' doesn't contain a valid alias configuration
using description file: /home/kuba/projects/ngx-pinch-zoom/package.json (relative path: ./node_modules/ngx-pinch-zoom)
no extension
Field 'browser' doesn't contain a valid alias configuration
/home/kuba/projects/ngx-pinch-zoom/node_modules/ngx-pinch-zoom doesn't exist
.ts
Field 'browser' doesn't contain a valid alias configuration
/home/kuba/projects/ngx-pinch-zoom/node_modules/ngx-pinch-zoom.ts doesn't exist
.tsx
Field 'browser' doesn't contain a valid alias configuration
/home/kuba/projects/ngx-pinch-zoom/node_modules/ngx-pinch-zoom.tsx doesn't exist
.mjs
Field 'browser' doesn't contain a valid alias configuration
/home/kuba/projects/ngx-pinch-zoom/node_modules/ngx-pinch-zoom.mjs doesn't exist
.js
Field 'browser' doesn't contain a valid alias configuration
/home/kuba/projects/ngx-pinch-zoom/node_modules/ngx-pinch-zoom.js doesn't exist
as directory
/home/kuba/projects/ngx-pinch-zoom/node_modules/ngx-pinch-zoom doesn't exist
[/home/kuba/projects/ngx-pinch-zoom/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom/ngx-pinch-zoom]
[/home/kuba/projects/ngx-pinch-zoom/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom/ngx-pinch-zoom.ts]
[/home/kuba/projects/ngx-pinch-zoom/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom/ngx-pinch-zoom.tsx]
[/home/kuba/projects/ngx-pinch-zoom/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom/ngx-pinch-zoom.mjs]
[/home/kuba/projects/ngx-pinch-zoom/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom/ngx-pinch-zoom.js]
[/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom/ngx-pinch-zoom]
[/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom/ngx-pinch-zoom.ts]
[/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom/ngx-pinch-zoom.tsx]
[/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom/ngx-pinch-zoom.mjs]
[/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom/ngx-pinch-zoom.js]
[/home/kuba/projects/ngx-pinch-zoom/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom]
[/home/kuba/projects/ngx-pinch-zoom/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom.ts]
[/home/kuba/projects/ngx-pinch-zoom/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom.tsx]
[/home/kuba/projects/ngx-pinch-zoom/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom.mjs]
[/home/kuba/projects/ngx-pinch-zoom/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom.js]
[/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom]
[/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom.ts]
[/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom.tsx]
[/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom.mjs]
[/home/kuba/projects/ngx-pinch-zoom/dist/ngx-pinch-zoom.js]
[/home/kuba/projects/ngx-pinch-zoom/ngx-pinch-zoom]
[/home/kuba/projects/ngx-pinch-zoom/ngx-pinch-zoom.ts]
[/home/kuba/projects/ngx-pinch-zoom/ngx-pinch-zoom.tsx]
[/home/kuba/projects/ngx-pinch-zoom/ngx-pinch-zoom.mjs]
[/home/kuba/projects/ngx-pinch-zoom/ngx-pinch-zoom.js]
[/home/kuba/projects/ngx-pinch-zoom/src/app/node_modules]
[/home/kuba/projects/ngx-pinch-zoom/src/node_modules]
[/home/kuba/projects/node_modules]
[/home/kuba/node_modules]
[/home/node_modules]
[/node_modules]
[/home/kuba/projects/ngx-pinch-zoom/node_modules/ngx-pinch-zoom]
[/home/kuba/projects/ngx-pinch-zoom/node_modules/ngx-pinch-zoom.ts]
[/home/kuba/projects/ngx-pinch-zoom/node_modules/ngx-pinch-zoom.tsx]
[/home/kuba/projects/ngx-pinch-zoom/node_modules/ngx-pinch-zoom.mjs]
[/home/kuba/projects/ngx-pinch-zoom/node_modules/ngx-pinch-zoom.js]
@ ./src/app/app.module.ts 6:0-49 17:12-27
@ ./src/main.ts
@ multi ./src/main.ts
The text was updated successfully, but these errors were encountered:
I can't figure out how do I build the package. Running
npm run build
fails with a lot of errors:How do I compile it the way it's packaged before publishing it in npm?
The text was updated successfully, but these errors were encountered: