'ngx-slider' 不是已知元素

Question

我尝试按如下方式使用组件的

app.component.html

文件中出现完整错误：

<ngx-slider [(value)]="value" [options]="options"></ngx-slider>

完整的错误是：

但是我完全按照guide说的做了，还是不行：

我通过命令行命令安装了库：

npm install --save @angular-slider/ngx-slider

它在

package.json

中显示为：

我在

app.module.ts

导入它：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { NgxSliderModule } from '@angular-slider/ngx-slider';
import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    NgxSliderModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

我已经导入了

app.component.ts

:

import { Component } from '@angular/core';
import { Options } from '@angular-slider/ngx-slider';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  value: number = 100;
  options: Options = {
    floor: 0,
    ceil: 200
  };
}

最后添加到

app.component.html

：

<ngx-slider [(value)]="value" [options]="options"></ngx-slider>

那么为什么它不起作用？

参考版本：

• 节点版本：14.17.1
• NPM 版本：6.14.13
• Angular 和 Angular CLI 版本：13

Answer 1

你能试试改变 tsconfig.json 吗

"baseUrl": "./" 

到

"baseUrl": "src"