时间戳

首页 > 解决方案 > 不能使用 NgSliderModule

angular - 不能使用 NgSliderModule

问题描述

我的应用程序中需要一个滑块，但我不知道应用程序崩溃的原因。

Connexion:11 错误：意外的令牌 < 评估http://localhost:3000/Ng/@angular/material/slider 评估http://localhost:3000/Scripts/app.module.js 评估http://localhost:3000/脚本/main.js

我的 app.module（我当然不会复制所有的导入）

import { MatSliderModule } from '@angular/material/slider';

 @NgModule({
 imports: [
    BrowserModule,
    HttpClientModule,
    NgbModule.forRoot(),
    RoutingModule,
    SharedModule.forRoot(),
    ReactiveFormsModule,
    FormsModule,
    SiteStoreModule,
    ApplicationPipesModule,
    MatSliderModule,
],

我的组件：

   import { MatSliderModule } from '@angular/material/slider';

@Component({
selector: 'order-detail-filter',
moduleId: module.id,
templateUrl: './order-detail-filter.html',
styleUrls: ["./order-detail-filter.css"],
 })

我的 html 关联：

  <mat-slider min="1" max="5" step="0.5" value="1.5"></mat-slider>

标签： angularimportmoduleslider

解决方案

尝试导入

import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

@NgModule([
    imports: [
        BrowserModule,
        BrowserAnimationsModule,
        FormsModule,
    ]
]

推荐阅读