Angular Material:'imports' 必须是一个由组件、指令、管道或NgModules组成的数组

前端开发 2026-07-10

我正在参照Angular Material的文档。https://material.angular.dev/guide/getting-started

当在独立组件中使用MatSlideToggle时,我遇到了如下错误:

'imports' must be an array of components, directives, pipes, or NgModules. Value could not be determined statically.

环境:
Angular: 21.2.9

Angular Material: 21.2.6

最小可复现代码

Boton.ts

import { Component } from '@angular/core';
import { MatSlideToggle } from '@angular/material/slide-toggle';

@Component({
  selector: 'app-boton',
  standalone: true,
  imports: [MatSlideToggle],
  templateUrl: './boton.html',
  styleUrl: './boton.css',
})
export class boton {}

boton.html

<app-boton>Toggle</app-boton>

解决方案

boton 模板中,使用标签 切换我!

站内所有文章版权归属LeftHeroAI导航站,无授权禁止任何主体转载、抄袭、复制内容,亦不得私自架设镜像站点。一经侵权,本站将通过法律途径追责。

相关文章