Ngui Tab error... anyone?


#1

Hello Ionic users,

I’m using an npm component called ngui Tab which is just a normal javascript tab.
I found it working in Ionic pretty well.

https://www.npmjs.com/package/@ngui/tab

It works fine when I build an apk file uisng
ionic cordova build android --release

However it doesn’t work when I try to build an apk using:
ionic cordova build android --release --prod

It gives me this error:

Error: Unexpected value 'NguiTabModule in C:/Users/MyLaptop/demo-app/node_modules/@ngui/tab/dist/tab.module.d.ts' imported by the module 'AppModule in C:/Users/MyLaptop/demo-app/src/app/app.module.ts'. Please add a @NgModule annotation.
    at Error (native)
    at syntaxError (C:\Users\MyLaptop\demo-app\node_modules\@angular\compiler\bundles\compiler.umd.js:1729:34)
    at C:\Users\MyLaptop\demo-app\node_modules\@angular\compiler\bundles\compiler.umd.js:15577:44
    at Array.forEach (native)
    at CompileMetadataResolver.getNgModuleMetadata (C:\Users\MyLaptop\demo-app\node_modules\@angular\compiler\bundles\compiler.umd.js:15560:49)
    at addNgModule (C:\Users\MyLaptop\demo-app\node_modules\@angular\compiler\bundles\compiler.umd.js:24403:58)
    at C:\Users\MyLaptop\demo-app\node_modules\@angular\compiler\bundles\compiler.umd.js:24414:14
    at Array.forEach (native)
    at _createNgModules (C:\Users\MyLaptop\demo-app\node_modules\@angular\compiler\bundles\compiler.umd.js:24413:26)
    at analyzeNgModules (C:\Users\MyLaptop\demo-app\node_modules\@angular\compiler\bundles\compiler.umd.js:24288:14)

Why does this happen?
It looks like it’s because this Ngui npm module is not really an original angular or ionic module?

When I remove NguiTabModule from app.module.ts and imports, I can bypass that error and build an apk file using --release --prod command.
However then my app is forever stuck on loading screen…
I need some help.

Thanks,