Node.js 模块解析失败，webstorm，Ionic应用程序

我正在开发一个混合应用程序，使用Ionic、Cordova、Angular和IDE WebStorm，我发现了这个错误。我不知道怎样才能修好它

SCRIPT5022: SCRIPT5022: Module parse failed: Unexpected token (48:0) You may need an appropriate loader to handle this file type. | @Component({ | selector: 'page-pieces',template:/*ion-inline-start:"C:\Users\oueslati sirine\test\src\pages\pieces\pieces.html"*/'!-- -->\nion-header>\n ion- navbar color="primary">\n ion-title>\n span ion-text>Pieces/span>\n /ion-title>\n /ion-navbar>\n\n !-- -->\n ion-toolbar padding color="light">\n p ion-text no-margin class="text-white">\n strong>4/strong> results found!\n /p>\n /ion-toolbar>\n\n/ion- header>\n\nion-content padding class="trips detail-bg">\n !--list of trips- ->\n !--div class="trip card" *ngFor="let p of info" margin-bottom>\n div class="background border-bottom">\n div class="background-filter rlt" >\n div class="align-bottom" padding-left padding-right>\n h6 class="pull-left text-white" ion-text> Nom :{{p.nom }}/h6>\n h6 class="pull-right text-white" ion-text>{{p.robot }}/h6>\n h main.js (91,1) SCRIPT5022:SCRIPT5022:模块分析失败：意外令牌（48:0） 您可能需要适当的加载程序来处理此文件类型。 |@组件({ |选择器：“页面片段”，模板：/*离子内联开始：“C:\Users\oueslati sirine\test\src\pages\pieces\pieces.html“*/”！-->\n标题>\n离子- navbar color=“primary”>\n离子标题>\n离子文本>片段/span>\n /离子标题>\n/离子导航栏>\n\n！--->\n离子工具栏填充 color=“light”>\n p ion text no margin class=“text white”>\n strong>4/strong>找到结果！\n/p>\n/ion工具栏>\n\n/ion- 页眉>\n\n内容填充class=“trips detail bg”>\n！-行程列表- ->\n！--div class=“旅行卡”*ngFor=“让p的信息”页边距底部>\n div class=“后台边框底部”>\n div class=“后台过滤器 rlt“>\n div class=“align bottom”左填充右填充>\n h6 class=“拉左文本白色”离子文本>名称：{{p.Nom}}/h6>\n h6 class=“向右拖动文本白色”离子文本>{p.robot}}/h6>\n h main.js（91,1）

---

您使用的是angularjs还是angularjs？从错误代码来看，您使用的似乎是angular，我非常确定

！-->

需要

，

我认为angular，我使用的是typescript