gpt4 book ai didi

angular - Ionic 5 中的 MatStepperModule 无法获取

转载 作者:行者123 更新时间:2023-12-04 09:37:25 25 4
gpt4 key购买 nike

我是编程新手,我的问题对您来说可能很容易回答。
我正在使用 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,我只会得到:

Cannot GET /


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

最佳答案

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

关于angular - Ionic 5 中的 MatStepperModule 无法获取,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62504481/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com