Ионная 4 ионно-угловаяне известный элемент - PullRequest
Новая
       30

Ионная 4 ионно-угловаяне известный элемент

0 голосов
/ 19 февраля 2019

Я делаю свой первый выстрел в ionic 4. Я создал новый проект:

ionic start newApp blank --type=ionic-angular

Я привык к ionic-angular.

В package.json у меня есть следующее: 

{
  "name": "courier-app",
  "version": "0.0.1",
  "author": "Ionic Framework",
  "homepage": "http://ionicframework.com/",
  "private": true,
  "scripts": {
    "start": "ionic-app-scripts serve",
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "lint": "ionic-app-scripts lint"
  },
  "dependencies": {
    "@angular/animations": "5.2.11",
    "@angular/common": "5.2.11",
    "@angular/compiler": "5.2.11",
    "@angular/compiler-cli": "5.2.11",
    "@angular/core": "5.2.11",
    "@angular/forms": "5.2.11",
    "@angular/http": "5.2.11",
    "@angular/platform-browser": "5.2.11",
    "@angular/platform-browser-dynamic": "5.2.11",
    "@ionic-native/core": "~4.18.0",
    "@ionic-native/splash-screen": "~4.18.0",
    "@ionic-native/status-bar": "~4.18.0",
    "@ionic/storage": "2.2.0",
    "ionic-angular": "^3.9.3",
    "ionicons": "3.0.0",
    "rxjs": "5.5.11",
    "sw-toolbox": "3.6.0",
    "zone.js": "0.8.29"
  },
  "devDependencies": {
    "@ionic/app-scripts": "3.2.1",
    "typescript": "~2.6.2"
  },
  "description": "An Ionic project"
}

Вы можете ясно видеть, что ionic-angular имеет версию 3.9, которая является самой последней: 

"ionic-angular": "^3.9.3"

IonicModule импортируется в app.module.ts, однако я установил LoginPage в качестве корневой страницы для первой загрузки: 

@NgModule({
  declarations: [
    MyApp,
    HomePage,
    LoginPage
  ],
  imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp)
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    HomePage,
    LoginPage
  ],
  providers: [
    StatusBar,
    SplashScreen,
    {provide: ErrorHandler, useClass: IonicErrorHandler}
  ]
})
export class AppModule {}

В app.component.ts:

rootPage:any = LoginPage;

Когда я добавил кнопку входа в систему на своей странице входа в систему: 

<ion-button (click)="login()">Login</ion-button>

Я получил сообщение об ошибке:

<ion-button> is not a known element

Используя ответ этого поста , я изменяю его на: 

<button ion-button ...>Login</button>

Но, как я знаю, поведение компонентов в ионном 4 (независимо от типа) былоиспользовать <ion-button>, а не <button ion-button>

Есть ли пропущенный импорт, или это просто новое поведение ионно-углового типа 4 ионного типа?

1 Ответ

0 голосов
/ 19 февраля 2019

Чтобы начать проект Ionic 4, вы ДОЛЖНЫ

append --type=angular

на ваш start command!

ionic start project1 blank --type=angular

В противном случае CLI сгенерирует проект Ionic 3, и, следовательно, эти сэмплы потерпят неудачу.

...