本文介绍了模块解析失败：意外的令牌离子3的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
升级到离子和离子角度的最新模块后得到此错误。
升级后这是我的Package.json文件..
After upgrading to the latest module of ionic and ionic-angular am getting this error.Here is my Package.json file after upgrading..
升级后这是我的Package.json文件..
Here is my Package.json file after upgrading..
运行时错误
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
推荐答案
对于那些在升级到 @ ionic / app-scripts：3.1.0 之后遇到此问题的人，你可以修复它，导航到 node_module s /@ionic/app-scripts/dist/template.js：153 并用此替换代码行
For those experiencing this issue after upgrading to @ionic/app-scripts : 3.1.0 you can fix it by, navigate to node_modules/@ionic/app-scripts/dist/template.js:153 and replace the line of code with this
return getTemplatePrefix（htmlFilePath）+'+ content +'+ getTemplateSuffix（htmlFilePath）;
这是一个手动修复对于错误，但发布时。 @ ionic / app-scripts：3.1.1 错误已修复。
This was a manual fix for the bug but as of release. @ionic/app-scripts : 3.1.1 the bug was fixed.
这篇关于模块解析失败：意外的令牌离子3的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！