2

我是编程新手，我的问题对你来说可能很容易回答。

我正在使用 Visual Studio Code、Ionic 5、Angular 9

现在我想在我的项目中添加一个垂直步进器。所以我首先做了 npm install @angular/material

然后在中添加 MatStepperModule app.module.ts：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouteReuseStrategy } from '@angular/router';

import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';

import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
import {MatStepperModule} from '@angular/material/stepper';

@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule, MatStepperModule],
  providers: [
    StatusBar,
    SplashScreen,
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

这是在我的HTML文件中：

<form>
  <mat-vertical-stepper>

  <mat-step label="Step 1">
    Step 1 content
  </mat-step>

  <mat-step label="Step 2">
    Step 2 content
  </mat-step>

  <mat-step label="Step 3">
    You are now done.
  </mat-step>

</mat-vertical-stepper>
</form>

并且在routing.module.ts：

import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

import { CustomPage } from './custom.page';
import {MatStepperModule} from '@angular/material/stepper';

const routes: Routes = [
  {
    path: '',
    component: CustomPage
  }
];

@NgModule({
  imports: [RouterModule.forChild(routes),MatStepperModule],
  exports: [RouterModule,MatStepperModule],
  schemas: [ CUSTOM_ELEMENTS_SCHEMA ],
})
export class CustomPageRoutingModule {}

所以现在 Visual Studio Code 中没有错误消息，但是如果我运行 ionic serve，我只会得到：

不能获取 /

我错过了什么？为什么这不起作用？

4

1 回答 1

2

我知道了！必须 npm install @angular/cdk 以及 @angular/animations 然后在 app.module.ts 中导入 BrowserAnimationsModule 现在它正在工作:) 抱歉打扰

于 2020-06-22T07:53:52.203 回答