Ionic build - Module ''*'' has no exported member 'Wrapper_ToolbarItem'


#1

Hi, I’m new to Ionic 2 and I’m building a simple app in Ionic 2 RC1.

Everything was working well until I added ion-buttons to my navbar in home.html:

 <ion-navbar color="primary">
    <ion-title>
        Goods Issue
    </ion-title>
    <ion-buttons end>
        <button ion-button icon-right (click)="gotoHelp()">
            Help
            <ion-icon name="settings"></ion-icon>
        </button>
    </ion-buttons>
</ion-navbar>

This builds and works fine with ionic serve, but ionic build results in this error:

[15:59:21] Error: Error at C:/Projects/ionic/goodsissue/.tmp/pages/home/home.ngfactory.ts:112:29
[15:59:21] Module ‘’*’’ has no exported member ‘Wrapper_ToolbarItem’.
[15:59:21] ngc failed
[15:59:21] ionic-app-script task: “build”
[15:59:21] Error: Error

I’m unable to build the app for production to deploy on the device.
Is this a bug, or am I doing something wrong? :frowning:
I’m using ionic CLI v2.1.4


#2

@swbradshaw,

Can you Remove the ^ character anywhere in your package.json and do a fresh npm install? This should mitigate this issue as it is something that popped up in the newest version of Angular. Something with Angular’s Ahead-of-time compiler changed that breaks something in Ionic. We’ll have this fixed for RC2 coming out soon.

Thanks,
Dan


#3

Dan,
@danbucholtz Thank you! That fixed my problem.

I’m a little upset with myself, as I actually saw the posting about package.json updates, and I was only looking at the version numbers, and I should have just copy/pasted the whole thing.

Thanks again for quick reply and the help.

Scott


#4

Hi, i have same problem. I upgraded to nightly version. It’s working on serve time. But its not working on build time.

Module ‘’*’’ has no exported member ‘Wrapper_ToolbarItem’.

package.json
"dependencies": {
"@angular/common": “2.1.1”,
"@angular/compiler": “2.1.1”,
"@angular/compiler-cli": “2.1.1”,
"@angular/core": “2.1.1”,
"@angular/forms": “2.1.1”,
"@angular/http": “2.1.1”,
"@angular/platform-browser": “2.1.1”,
"@angular/platform-browser-dynamic": “2.1.1”,
"@angular/platform-server": “2.1.1”,
"@ionic/storage": “1.1.6”,
“angular2-moment”: “1.0.0-beta.5”,
“ionic-angular”: “2.0.0-rc.1-201611021712”,
“ionic-native”: “2.2.3”,
“ionicons”: “3.0.0”,
“moment”: “2.15.1”,
“rxjs”: “5.0.0-beta.12”,
“zone.js”: “0.6.21”
},
“devDependencies”: {
"@ionic/app-scripts": “0.0.38”,
“typescript”: “2.0.6”
},


#5

@danbucholtz

I’m having the same problem as well.

Error

[23:07:24] Error at
~/dev/todo-list/.tmp/pages/list/shopping-list.ngfactory.ts:114:29
[23:07:24] Module ‘’*’’ has no exported member ‘Wrapper_ToolbarItem’.
[23:07:24] ngc failed

package.json

"scripts": {
    "build": "ionic-app-scripts build",
    "watch": "ionic-app-scripts watch",
    "serve:before": "watch",
    "emulate:before": "build",
    "deploy:before": "build",
    "build:before": "build",
    "run:before": "build",
    "test": "karma start karma.conf.js"
  },
  "dependencies": {
    "@ionic/storage": "1.0.3",
    "@ionic/cloud-angular": "0.7.0",
    "@angular/common": "2.1.1",
    "@angular/compiler": "2.1.1",
    "@angular/compiler-cli": "2.1.1",
    "@angular/core": "2.1.1",
    "@angular/forms": "2.1.1",
    "@angular/http": "2.1.1",
    "@angular/platform-browser": "2.1.1",
    "@angular/platform-browser-dynamic": "2.1.1",
    "@angular/platform-server": "2.1.1",
    "ionic-native": "2.0.3",
    "ionicons": "3.0.0",
    "ionic-angular": "nightly",
    "rxjs": "5.0.0-beta.12",
    "zone.js": "0.6.21",
    "reflect-metadata": "0.1.8"
  },
  "devDependencies": {
    "@ionic/app-scripts": "0.0.39",
    "typescript": "^2.0.3"
  }

#6

@Atillasertkaya, @McQuillan,

Go ahead and revert your package json to @angular/xyz at 2.0.0 and @angular/compiler-cli to 0.6.2. Angular had a change in the latest version that broke Ionic’s ngc set-up. We’ll have it fixed for RC2.

Thanks,
Dan


#7

@danbucholtz

Currently I’m using the nightly of ionic since it has the updated compiler version which properly transpiles the default pipes (mainly the date pipe) because of the dependency on the Internationalization API polyfill.

Issue: https://github.com/driftyco/ionic-app-scripts/issues/213


#8

Ionic 3 is already here and i’m still having this issue.

How can i fix that?

Thanks.


#9

I had the same problem

package.json

“name”: “pRo”,
“version”: “0.0.1”,
“author”: “Ionic Framework”,
“homepage”: “http://ionicframework.com/”,
“private”: true,
“scripts”: {
“clean”: “ionic-app-scripts clean”,
“build”: “ionic-app-scripts build”,
“lint”: “ionic-app-scripts lint”,
“ionic:build”: “ionic-app-scripts build”,
“ionic:serve”: “ionic-app-scripts serve”
},
“dependencies”: {
"@angular/common": “4.1.3”,
"@angular/compiler": “4.1.3”,
"@angular/compiler-cli": “4.1.3”,
"@angular/core": “4.1.3”,
"@angular/forms": “4.1.3”,
"@angular/http": “4.1.3”,
"@angular/platform-browser": “4.1.3”,
"@angular/platform-browser-dynamic": “4.1.3”,
"@ionic-native/core": “3.12.1”,
"@ionic-native/splash-screen": “3.12.1”,
"@ionic-native/status-bar": “3.12.1”,
"@ionic/storage": “2.0.1”,
“ionic-angular”: “3.5.0”,
“ionicons”: “3.0.0”,
“rxjs”: “5.4.0”,
“sw-toolbox”: “3.6.0”,
“zone.js”: “0.8.12”
},
“devDependencies”: {
"@ionic/app-scripts": “1.3.12”,
"@ionic/cli-plugin-ionic-angular": “1.3.1”,
“typescript”: “2.3.4”
},
“description”: “An Ionic project”
}