PNP PeoplePicker类型＆＃x27; webpartcontext＆＃x27;缺少类型＆＃x27; basecomponentContext＆＃x27的以下属性。

Question

我在我的SPFX React WebPart解决方案中使用SPFX PeoplePicker Control，但是PeoplePicker Control遇到以下错误。

错误 ： 类型“ WebPartContext”缺少“ BaseComponentContext”类型的以下属性：_ isserved fromlocalhost，Isserved fromlocalhostts（2739） ipeoplepicker.d.ts（14，5）：预期类型来自属性“上下文”，该属性在此处声明在类型'intinsiCattributes＆amp; amp; IntinsicClassAttributes＆lt; peoplepicker＆gt; ＆amp; Readonly＆lt; ipeoplepickerprops＆gt; ＆amp; Readonly＆lt; ...＆gt;'

在此处输入图像描述

请注释＆amp;让我知道是否需要任何其他信息。

在解决方案中，我使用的是SPFX 1.11.0版本，并尝试了不同的SPFX 1.10.0版本，但问题保持不变。

Answer 1

@murb 我也遇到同样的问题。我将发布我的解决方案中的一些代码。

`export interface IPolicyWebPartProps {
    siteName:string;
    siteCollection: WebPartContext;
    description: string;
    lists: string;
    fields: any[];
    context: WebPartContext;
    listName: string ;
    isConfigured:boolean;
    isChecked:boolean;
    titleText:string;
    themeVariant: IReadonlyTheme | undefined;
    dateSigned: any;
    checkboxLabel:string;
    CheckboxPlaceholder:string;
    hasLicence:boolean;
    baseContext: IPropertyFieldPeoplePickerProps;
  }`

protected getPropertyPaneConfiguration(): IPropertyPaneConfiguration {

return {
  showLoadingIndicator:this.loadingIndicator,
  loadingIndicatorDelayTime: 1,
  pages: [
    {
      header: {
        description: strings.PropertyPaneDescription,
      },
      groups: [
        { 
          groupFields: [
            PropertyPaneTextField("titleText", {
              label: strings.Title,
              placeholder: strings.TitlePlaceholder
            }),
            PropertyPaneTextField("description", {
              label: strings.DescriptionFieldLabel,
              multiline:true,
              placeholder:strings.Description
            }),
            PropertyPaneTextField("checkboxLabel", {
              label: strings.CheckboxLabel,
              placeholder: strings.CheckboxPlaceholder
            }),
             PropertyPaneDropdown("siteCollection", {
              label: strings.SiteCollection,
              options: this.siteCollections,
              selectedKey: this.properties.siteName,
              disabled: this.loadingIndicator
            }),
            PropertyPaneDropdown("listName",{
              label: strings.ListFieldLabel,
              options: this.properties.fields,
              disabled: this.isFetched || this.loadingIndicator,
              selectedKey: this.properties.listName,
            }),
            PropertyFieldPeoplePicker('people',{
              label: 'Add people or group to list',
              initialData: this.properties.people,
              allowDuplicate: false,
              principalType: [PrincipalType.Users],
              onPropertyChange: this.onPropertyPaneFieldChanged,
              context: this.context,
              properties: this.properties,
              onGetErrorMessage: null,
              deferredValidationTime: 0,
              key: 'peopleFieldId'
            }),
            PropertyPaneButton("button",{
              onClick:null,
              text:"Save",
              buttonType: PropertyPaneButtonType.Primary
            })
          ],
        }
      ],
    }
  ],
};

}