Modul Parse fehlgeschlagen: Unerwartete Token ionic 3

Question

Nach dem Upgrade auf das neueste Modul der ionischen und ionischen Winkel erhalten diesen Fehler. Hier ist meine Package.json Datei nach dem Upgrade ..

Hier meine Package.json Datei nach dem Upgrade ist ..

Runtime Error

Module parse failed: Unexpected token (84:1254) You may need an appropriate loader to handle this file type. | HomelistPage = __decorate([ | Component({ | selector: 'page-homelist',template:/*ion-inline-start:"/Users/macbook/Downloads/studio/src/pages/home/homelist/homelist.html"*/`<ion-header>\n <ion-navbar color="bluegray">\n <button ion-button menuToggle color="light">\n <ion-icon name="menu"></ion-icon>\n </button>\n <ion-title color="light">Instractors</ion-title>\n <ion-buttons right>\n <button color="light" ion-button icon-only (click)="createMessage()">\n <ion-icon name="more"></ion-icon>\n </button>\n </ion-buttons>\n </ion-navbar>\n <ion-toolbar color="bluegray">\n <ion-searchbar></ion-searchbar>\n </ion-toolbar>\n</ion-header>\n\n<ion-content>\n <!--*********** 2 colomns list ***********-->\n <ion-grid>\n <ion-row wrap>\n <ion-col tappable col-6 *ngFor="let item of items" (click)="goToDetail(item.$key)" color="gray">\n <ion-card class="cardList">\n <div *ngIf="item.discount" class="ribbon pop-in">SALE</div>\n <img class="pop-in" src={{item.imgSmall}} />\n <ion-card-header>\n {{item.name}}\n </ion-card-header>\n <ion-card-content>\n <p *ngIf="!item.discount" ion-text color="special-blue">\n <strong>${{item.price}}</strong>\n </p>\n <p *ngIf="item.discount" ion-text color="special-blue" class="discount">${{item.price}}</p>\n <p *ngIf="item.discount" ion-text large color="red">\n <strong>${{item.discountPrice}}</strong>\n </p>\n </ion-card-content>\n </ion-card>\n </ion-col>\n </ion-row>\n </ion-grid>\n</ion-content>`/*ion-inline-end:"/Users/macbook/Downloads/studio/src/pages/home/homelist/homelist.html"*/, | }), | __metadata("design:paramtypes", [NavController, NavParams, ToastController, 


Error: Module parse failed: Unexpected token (84:1254) 
You may need an appropriate loader to handle this file type. 
|  HomelistPage = __decorate([ 
|   Component({ 
|    selector: 'page-homelist',template:/*ion-inline-start:"/Users/macbook/Downloads/studio/src/pages/home/homelist/homelist.html"*/`<ion-header>\n <ion-navbar color="bluegray">\n <button ion-button menuToggle color="light">\n  <ion-icon name="menu"></ion-icon>\n </button>\n <ion-title color="light">Instractors</ion-title>\n  <ion-buttons right>\n   <button color="light" ion-button icon-only (click)="createMessage()">\n   <ion-icon name="more"></ion-icon>\n   </button>\n  </ion-buttons>\n </ion-navbar>\n <ion-toolbar color="bluegray">\n <ion-searchbar></ion-searchbar>\n </ion-toolbar>\n</ion-header>\n\n<ion-content>\n <!--*********** 2 colomns list ***********-->\n <ion-grid>\n <ion-row wrap>\n  <ion-col tappable col-6 *ngFor="let item of items" (click)="goToDetail(item.$key)" color="gray">\n  <ion-card class="cardList">\n   <div *ngIf="item.discount" class="ribbon pop-in">SALE</div>\n   <img class="pop-in" src={{item.imgSmall}} />\n   <ion-card-header>\n   {{item.name}}\n   </ion-card-header>\n   <ion-card-content>\n   <p *ngIf="!item.discount" ion-text color="special-blue">\n    <strong>${{item.price}}</strong>\n   </p>\n   <p *ngIf="item.discount" ion-text color="special-blue" class="discount">${{item.price}}</p>\n   <p *ngIf="item.discount" ion-text large color="red">\n    <strong>${{item.discountPrice}}</strong>\n   </p>\n   </ion-card-content>\n  </ion-card>\n  </ion-col>\n </ion-row>\n </ion-grid>\n</ion-content>`/*ion-inline-end:"/Users/macbook/Downloads/studio/src/pages/home/homelist/homelist.html"*/, 
|   }), 
|   __metadata("design:paramtypes", [NavController, NavParams, ToastController, 
    at Object.448 (http://localhost:8100/build/main.js:1042:7) 
    at __webpack_require__ (http://localhost:8100/build/vendor.js:55:30) 
    at Object.254 (http://localhost:8100/build/main.js:335:68) 
    at __webpack_require__ (http://localhost:8100/build/vendor.js:55:30) 
    at Object.331 (http://localhost:8100/build/main.js:556:96) 
    at __webpack_require__ (http://localhost:8100/build/vendor.js:55:30) 
    at Object.309 (http://localhost:8100/build/main.js:531:70) 
    at __webpack_require__ (http://localhost:8100/build/vendor.js:55:30) 
    at webpackJsonpCallback (http://localhost:8100/build/vendor.js:26:23) 
    at http://localhost:8100/build/main.js:1:1 

Answer 1

Für dieses Problem erfahren Nach dem Upgrade auf @ionic/app-scripts : 3.1.0 können Sie es beheben, navigieren Sie zu node_modules/@ionic/app-scripts/dist/template.js:153 und ersetzen Sie die Codezeile mit diesem

return getTemplatePrefix(htmlFilePath) + "'" + content + "'" + getTemplateSuffix(htmlFilePath);

Dies war eine manuelle Korrektur für den Fehler aber ab Release. @ionic/app-scripts : 3.1.1 der Fehler wurde behoben.

Answer 2

Nachdem ich den Rat von Gerald Brigen und Suraj Rao gelesen hatte, schaute ich auf https://github.com/ionic-team/ionic/issues/13379.

Aktualisierte Paket.json App-Skripte von 3.1.0 zu 3.1.1. Entfernte das Modul und lief npm - i

"devDependencies": { 
     "@ionic/app-scripts": "3.1.1", 
}