我在尝试构建时遇到以下错误，并且仅在我尝试访问特定页面(事件页面)时出现。所有其他页面工作正常。抱歉发了这么长的帖子，但我不知道如何解决这个问题。我删除了 ios 和 android 平台 ionic cordova platform rm ios ，清除了 npm 缓存，但什么也没有。

奇怪的是我清理了事件页面，删除了 ios 应用程序 ionic cordova platform rm ios并将其添加回去 ... add ios .什么都没有，错误仍然显示<ion-header no-border [class]="headerBackgroundClass">即使我删除了 [class]="headerBackgroundClass" .那是我清理 npm 缓存的时候。但是还是不行

我不知道还能尝试什么。

我唯一能想到的就是将 ionic webview 更新为 "cordova-plugin-ionic-webview": "^4.0.0",来自 "cordova-plugin-ionic-webview": "^1.1.19",

[12:48:28]  ionic-app-script task: "build" 
[12:48:28]  Error: ./src/pages/event/event Module parse failed: Unexpected token (1:0) You may need an appropriate 
            loader to handle this file type. | <ion-header no-border [class]="headerBackgroundClass"> | <ion-navbar> | 
            <ion-title *ngIf="showTitle == true"> @ ./src/pages/event/event.module.ts 9:0-36 @ ./src lazy @ 
            ./node_modules/ionic-angular/util/ng-module-loader.js @ ./node_modules/ionic-angular/module.js @ 
            ./node_modules/ionic-angular/index.js @ ./src/app/app.module.ts @ ./src/app/main.ts 
Error: ./src/pages/event/event
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
| <ion-header no-border [class]="headerBackgroundClass">
|   <ion-navbar>
|     <ion-title *ngIf="showTitle == true">
 @ ./src/pages/event/event.module.ts 9:0-36
 @ ./src lazy
 @ ./node_modules/ionic-angular/util/ng-module-loader.js
 @ ./node_modules/ionic-angular/module.js
 @ ./node_modules/ionic-angular/index.js
 @ ./src/app/app.module.ts
 @ ./src/app/main.ts

包.json

"dependencies": {
    "@angular/animations": "5.2.10",
    "@angular/common": "5.2.10",
    "@angular/compiler": "5.2.10",
    "@angular/compiler-cli": "5.2.10",
    "@angular/core": "5.2.10",
    "@angular/forms": "5.2.10",
    "@angular/http": "5.2.10",
    "@angular/platform-browser": "5.2.10",
    "@angular/platform-browser-dynamic": "5.2.10",
    "@ionic-native/camera": "^4.11.0",
    "@ionic-native/core": "4.7.0",
    "@ionic-native/crop": "^4.12.0",
    "@ionic-native/file": "^4.12.0",
    "@ionic-native/google-plus": "^4.20.0",
    "@ionic-native/image-resizer": "^4.12.0",
    "@ionic-native/in-app-browser": "^4.17.0",
    "@ionic-native/native-page-transitions": "^4.18.0",
    "@ionic-native/onesignal": "^4.7.0",
    "@ionic-native/splash-screen": "4.7.0",
    "@ionic-native/status-bar": "^4.7.0",
    "@ionic/storage": "2.1.3",
    "angularfire2": "5.0.0-rc.6",
    "com.telerik.plugins.nativepagetransitions": "^0.6.5",
    "cordova-android": "7.1.4",
    "cordova-ios": "4.5.5",
    "cordova-plugin-camera": "^4.0.3",
    "cordova-plugin-crop": "^0.4.0",
    "cordova-plugin-device": "^2.0.2",
    "cordova-plugin-file": "^6.0.1",
    "cordova-plugin-googleplus": "7.0.0",
    "cordova-plugin-inappbrowser": "^3.0.0",
    "cordova-plugin-ionic-keyboard": "^2.0.5",
    "cordova-plugin-ionic-webview": "^4.0.0",
    "cordova-plugin-splashscreen": "^5.0.2",
    "cordova-plugin-statusbar": "^2.4.2",
    "cordova-plugin-whitelist": "^1.3.3",
    "firebase": "4.12.1",
    "info.protonet.imageresizer": "^0.1.1",
    "ionic-angular": "3.9.2",
    "ionicons": "3.0.0",
    "moment": "^2.22.1",
    "onesignal-cordova-plugin": "^2.3.3",
    "rxjs": "5.5.10",
    "sw-toolbox": "3.6.0",
    "zone.js": "0.8.26"
  },
  "config": {
    "ionic_source_map": "source-map"
  },
  "devDependencies": {
    "@ionic/app-scripts": "^3.2.3",
    "typescript": "~2.6.2"
  },
  "description": "An Ionic project",
  "cordova": {
    "plugins": {
      "cordova-plugin-whitelist": {},
      "cordova-plugin-device": {},
      "cordova-plugin-splashscreen": {},
      "cordova-plugin-ionic-webview": {},
      "cordova-plugin-ionic-keyboard": {},
      "onesignal-cordova-plugin": {},
      "cordova-plugin-statusbar": {},
      "cordova-plugin-camera": {},
      "cordova-plugin-crop": {},
      "info.protonet.imageresizer": {},
      "cordova-plugin-file": {},
      "cordova-plugin-inappbrowser": {},
      "com.telerik.plugins.nativepagetransitions": {},
      "cordova-plugin-googleplus": {
        "REVERSED_CLIENT_ID": "xxx",
        "PLAY_SERVICES_VERSION": "11.8.0"
      }
    },
    "platforms": [
      "android",
      "ios"
    ]

事件.module.ts

import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { EventPage } from './event';
import { SaferPipe } from '../../pipes/safer.pipe';
import { Underscore } from '../../pipes/underscore.pipe';
import { InAppBrowser } from '@ionic-native/in-app-browser';
import { NativePageTransitions } from '@ionic-native/native-page-transitions';
import { DaysPipe } from '../../pipes/days.pipe';

import { HourPipe } from '../../pipes/hour.pipe';

@NgModule({
  declarations: [
    EventPage,
    SaferPipe,
    Underscore,
    DaysPipe,
    HourPipe
  ],
  providers: [
    InAppBrowser,
    NativePageTransitions
  ],
  imports: [

    IonicPageModule.forChild(EventPage),
  ],
})
export class EventPageModule { }

编辑***

使用解决方法使其正常工作。创建了一个新组件并移动了代码并进行了微小的更改。现在一切正常。不确定是什么导致了错误。

最佳答案

此消息 Error: ./src/pages/event/event Module parse failed: 让我认为 EventPage 组件错误地引用了它的模板文件。

您的 EventPage 装饰器应如下所示:

@Component({
    selector: 'event-page',
    templateUrl: 'event.html'
})
export class EventPage {

检查:

1. 事件页面模板文件的扩展名为.html，例如event.html。
2. 确保在页面装饰器中使用 .html 扩展名引用模板:templateUrl: 'event.html' 并且不 templateUrl: '事件'

关于javascript - ionic 构建错误 - 意外的 token ，缺少适当的加载程序，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55076696/