All geek questions in one place

Angular 2 external library error

I create my angular 2 lib with the Yeoman generator and added to the main angular project. If I compile the application in dev mode, I have no error, but if I run prod mode, I get a lot of errors:

WARNING in ./src/$$_gendir/app/services/main/main.component.ngfactory.ts
142:86-92 "export 'ɵb' (imported as 'i15') was not found in 'ngx-tel-input'
at HarmonyImportSpecifierDependency._getErrors (/Users/franke/projects/work/jsapp/node_modules/webpack/lib/dependencies/HarmonyImportSpecifierDependency.js:65:15)
at HarmonyImportSpecifierDependency.getWarnings (/Users/franke/projects/work/jsapp/node_modules/webpack/lib/dependencies/HarmonyImportSpecifierDependency.js:39:15)
at Compilation.reportDependencyErrorsAndWarnings (/Users/franke/projects/work/jsapp/node_modules/webpack/lib/Compilation.js:677:24)
at Compilation.finish (/Users/franke/projects/work/jsapp/node_modules/webpack/lib/Compilation.js:535:9)
at applyPluginsParallel.err (/Users/franke/projects/work/jsapp/node_modules/webpack/lib/Compiler.js:512:17)
at /Users/franke/projects/work/jsapp/node_modules/tapable/lib/Tapable.js:271:11
at _addModuleChain (/Users/franke/projects/work/jsapp/node_modules/webpack/lib/Compilation.js:481:11)
at processModuleDependencies.err (/Users/franke/projects/work/jsapp/node_modules/webpack/lib/Compilation.js:452:13)
at _combinedTickCallback (internal/process/next_tick.js:73:7)
at process._tickCallback (internal/process/next_tick.js:104:9)

WARNING in ./src/$$_gendir/app/services/main/main.component.ngfactory.ts
144:12-18 "export 'ɵb' (imported as 'i15') was not found in 'ngx-tel-input'
at HarmonyImportSpecifierDependency._getErrors (/Users/franke/projects/work/jsapp/node_modules/webpack/lib/dependencies/HarmonyImportSpecifierDependency.js:65:15)
at HarmonyImportSpecifierDependency.getWarnings (/Users/franke/projects/work/jsapp/node_modules/webpack/lib/dependencies/HarmonyImportSpecifierDependency.js:39:15)
at Compilation.reportDependencyErrorsAndWarnings (/Users/franke/projects/work/jsapp/node_modules/webpack/lib/Compilation.js:677:24)
at Compilation.finish (/Users/franke/projects/work/jsapp/node_modules/webpack/lib/Compilation.js:535:9)
at applyPluginsParallel.err (/Users/franke/projects/work/jsapp/node_modules/webpack/lib/Compiler.js:512:17)
at /Users/franke/projects/work/jsapp/node_modules/tapable/lib/Tapable.js:271:11
at _addModuleChain (/Users/franke/projects/work/jsapp/node_modules/webpack/lib/Compilation.js:481:11)
at processModuleDependencies.err (/Users/franke/projects/work/jsapp/node_modules/webpack/lib/Compilation.js:452:13)
at _combinedTickCallback (internal/process/next_tick.js:73:7)
at process._tickCallback (internal/process/next_tick.js:104:9)

WARNING in ./src/$$_gendir/node_modules/ngx-tel-input/ngx-tel-input.ngfactory.ts
148:12-17 "export 'ɵb' (imported as 'i1') was not found in 'ngx-tel-input'
at HarmonyImportSpecifierDependency._getErrors (/Users/franke/projects/work/jsapp/node_modules/webpack/lib/dependencies/HarmonyImportSpecifierDependency.js:65:15)
at HarmonyImportSpecifierDependency.getWarnings (/Users/franke/projects/work/jsapp/node_modules/webpack/lib/dependencies/HarmonyImportSpecifierDependency.js:39:15)
at Compilation.reportDependencyErrorsAndWarnings (/Users/franke/projects/work/jsapp/node_modules/webpack/lib/Compilation.js:677:24)
at Compilation.finish (/Users/franke/projects/work/jsapp/node_modules/webpack/lib/Compilation.js:535:9)
at applyPluginsParallel.err (/Users/franke/projects/work/jsapp/node_modules/webpack/lib/Compiler.js:512:17)
at /Users/franke/projects/work/jsapp/node_modules/tapable/lib/Tapable.js:271:11
at _addModuleChain (/Users/franke/projects/work/jsapp/node_modules/webpack/lib/Compilation.js:481:11)
at processModuleDependencies.err (/Users/franke/projects/work/jsapp/node_modules/webpack/lib/Compilation.js:452:13)
at _combinedTickCallback (internal/process/next_tick.js:73:7)
at process._tickCallback (internal/process/next_tick.js:104:9)

WARNING in ./src/$$_gendir/node_modules/ngx-tel-input/ngx-tel-input.ngfactory.ts
148:46-51 "export 'ɵb' (imported as 'i1') was not found in 'ngx-tel-input'
at HarmonyImportSpecifierDependency._getErrors (/Users/franke/projects/work/jsapp/node_modules/webpack/lib/dependencies/HarmonyImportSpecifierDependency.js:65:15)
at HarmonyImportSpecifierDependency.getWarnings (/Users/franke/projects/work/jsapp/node_modules/webpack/lib/dependencies/HarmonyImportSpecifierDependency.js:39:15)
at Compilation.reportDependencyErrorsAndWarnings (/Users/franke/projects/work/jsapp/node_modules/webpack/lib/Compilation.js:677:24)
at Compilation.finish (/Users/franke/projects/work/jsapp/node_modules/webpack/lib/Compilation.js:535:9)
at applyPluginsParallel.err (/Users/franke/projects/work/jsapp/node_modules/webpack/lib/Compiler.js:512:17)
at /Users/franke/projects/work/jsapp/node_modules/tapable/lib/Tapable.js:271:11
at _addModuleChain (/Users/franke/projects/work/jsapp/node_modules/webpack/lib/Compilation.js:481:11)
at processModuleDependencies.err (/Users/franke/projects/work/jsapp/node_modules/webpack/lib/Compilation.js:452:13)
at _combinedTickCallback (internal/process/next_tick.js:73:7)
at process._tickCallback (internal/process/next_tick.js:104:9)

WARNING in ./src/$$_gendir/node_modules/ngx-tel-input/ngx-tel-input.ngfactory.ts
152:46-51 "export 'ɵb' (imported as 'i1') was not found in 'ngx-tel-input'
at HarmonyImportSpecifierDependency._getErrors (/Users/franke/projects/work/jsapp/node_modules/webpack/lib/dependencies/HarmonyImportSpecifierDependency.js:65:15)
at HarmonyImportSpecifierDependency.getWarnings (/Users/franke/projects/work/jsapp/node_modules/webpack/lib/dependencies/HarmonyImportSpecifierDependency.js:39:15)
at Compilation.reportDependencyErrorsAndWarnings (/Users/franke/projects/work/jsapp/node_modules/webpack/lib/Compilation.js:677:24)
at Compilation.finish (/Users/franke/projects/work/jsapp/node_modules/webpack/lib/Compilation.js:535:9)
at applyPluginsParallel.err (/Users/franke/projects/work/jsapp/node_modules/webpack/lib/Compiler.js:512:17)
at /Users/franke/projects/work/jsapp/node_modules/tapable/lib/Tapable.js:271:11
at _addModuleChain (/Users/franke/projects/work/jsapp/node_modules/webpack/lib/Compilation.js:481:11)
at processModuleDependencies.err (/Users/franke/projects/work/jsapp/node_modules/webpack/lib/Compilation.js:452:13)
at _combinedTickCallback (internal/process/next_tick.js:73:7)
at process._tickCallback (internal/process/next_tick.js:104:9)

ERROR in ng:///Users/franke/projects/work/jsapp/node_modules/ngx-tel-input/ngx-tel-input.d.ts.ɵb.html (4,6): Property 'number' does not exist on type 'TelInputComponent'.

What is the problem and how can I solve it?

PS My library: https://github.com/LPgenerator/ngx-tel-input

+4
source share
1 answer

It was assumed that you intended to export only what you need, but you need to export everything from your file src/index.ts, including all services, directives and channels.

+1
source

Source: https://habr.com/ru/post/1683434/

More articles:


All Articles