0

我只是想导入https://shoelace.style/库以在 Angular 应用程序中使用。

我已经尝试了他们推荐的将元素添加到索引文件中的方法style，link我还尝试添加他们的 NPM 包，然后将以下内容添加到我的angular.json

"styles": [
              "src/styles.scss",
              "node_modules/@shoelace-style/shoelace/dist/themes/base.css"
            ],
            "scripts": [
              "node_modules/@shoelace-style/shoelace/dist/shoelace.js"
            ],

但是，无论我做什么，每当我尝试使用特定的鞋带组件时，例如<sl-button>我得到'sl-button' is not a known element

我需要做什么才能使它正常工作？

4

2 回答 2

1

尝试将此添加到您的应用模块架构中：[CUSTOM_ELEMENTS_SCHEMA]

于 2021-03-20T16:35:03.777 回答
1

只需确保应用自定义元素架构，如下所示。

import { BrowserModule } from '@angular/platform-browser';
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';

import { AppComponent } from './app.component';

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

您可以在此处找到有关 CUSTOM_ELEMENTS_SCHEMA的更多信息

于 2021-03-20T16:38:14.647 回答