Error when generating production build


#1

I’m stuck with an error that I can not solve. Tell me if you need me to show you another file or configuration, I’ll be pending since I need to resolve it ASAP.

The error started when trying to create the build with –prod, I was fixing, updating dependencias and currently when executing ionic cordova build android --prod --verbose I get:

typescript error
‘ion-icon’ is not a known element: 1. If ‘ion-icon’ is an Angular component, then verify that it is part of
this module. 2. If ‘ion-icon’ is a Web Component then add ‘CUSTOM_ELEMENTS_SCHEMA’ to the
@NgModule.schemas’ of this component to suppress this message. ("> <button ion-button icon-only
color=“white” (click)=“openSearchModal()”> [ERROR ->]
")

‘ion-buttons’ is not a known element: 1. If ‘ion-buttons’ is an Angular component, then verify that it is
part of this module. 2. If ‘ion-buttons’ is a Web Component then add ‘CUSTOM_ELEMENTS_SCHEMA’ to the
@NgModule.schemas’ of this component to suppress this message. (" [ERROR ->] <button ion-button icon-only color=“white”
(click)=“openSearchModal()”> ")

‘ion-col’ is not a known element: 1. If ‘ion-col’ is an Angular component, then verify that it is part of
this module. 2. If ‘ion-col’ is a Web Component then add ‘CUSTOM_ELEMENTS_SCHEMA’ to the ‘@NgModule.schemas
of this component to suppress this message. (" [ERROR
->] <button ion-button icon-only color=“white” (click)=“ope”)

Error: The Angular AoT build failed. See the issues above
Error: The Angular AoT build failed. See the issues above
at C:\Users\ceman\Desktop\idem-app-updated-master\node_modules@ionic\app-scripts\dist\aot\aot-compiler.js:237:55
at step (C:\Users\ceman\Desktop\idem-app-updated-master\node_modules@ionic\app-scripts\dist\aot\aot-compiler.js:32:23)
at Object.next (C:\Users\ceman\Desktop\idem-app-updated-master\node_modules@ionic\app-scripts\dist\aot\aot-compiler.js:13:53)
at fulfilled (C:\Users\ceman\Desktop\idem-app-updated-master\node_modules@ionic\app-scripts\dist\aot\aot-compiler.js:4:58)
[ERROR] Command not found: ionic-app-scripts
ionic:cli-framework:utils:process onBeforeExit handler: process.exit received +0ms
ionic:cli-framework:utils:process onBeforeExit handler: running 1 queued functions +0ms
ionic:cli-framework:utils:process onBeforeExit handler: exiting (exit code 127) +0ms

These are my files, tell me if you need to see another:

app.module.ts: https://pastebin.com/TXQ4tDFM

package.json: https://pastebin.com/kAK5eK5Z

This is my configuration according to ionic info:

Ionic:

ionic (Ionic CLI)  : 4.0.0-rc.9 (C:\Users\ceman\AppData\Roaming\npm\node_modules\ionic)
Ionic Framework    : ionic-angular 3.9.2
@ionic/app-scripts : 3.1.10

Cordova:

cordova (Cordova CLI) : not installed
Cordova Platforms     : android 7.1.0

System:

Android SDK Tools : 26.1.1
NodeJS            : v6.14.3 (P:\nodejs\node.exe)
npm               : 6.1.0
OS                : Windows 10

Environment:

ANDROID_HOME : P:\Android\sdk

I add an extra data, I had updated to Node 8 to see if this corrected something and nothing, I returned to version 6.

Thanks for any help!


#2

Hello,
try: Search for ion-icon and take a look if theer is any typo before them in html.

Best regards, anna-liebt


#3

I need to import IonicModule in my module.ts