ravichandran-blog / spfx Goto Github PK

I get following error when building the webpart:

Error - [tsc] src/webparts/spfxFluentuiNav/components/SpfxFluentuiNav.tsx(105,15): error TS2739: Type '{ key: any; label: any; data: any; children: undefined[]; }' is missing the following properties from type 'INavLink': name, url
Error - [tsc] src/webparts/spfxFluentuiNav/components/SpfxFluentuiNav.tsx(111,22): error TS2345: Argument of type 'INavLink' is not assignable to parameter of type 'INavLinkGroup'.
Error - [tsc] src/webparts/spfxFluentuiNav/components/SpfxFluentuiNav.tsx(114,15): error TS2739: Type '{ key: any; label: any; data: any; }' is missing the following properties from type 'INavLink': name, url
Error - [tsc] src/webparts/spfxFluentuiNav/components/SpfxFluentuiNav.tsx(119,13): error TS2322: Type 'INavLinkGroup[]' is not assignable to type 'INavLink[]'.
Error - [tsc] src/webparts/spfxFluentuiNav/components/SpfxFluentuiNav.tsx(119,87): error TS2339: Property 'key' does not exist on type 'INavLinkGroup'.
Error - 'tsc' sub task errored after 6.28 s
exited with code 2

There are type issues.

I built the Web Part with Node 10.24.1
I used
npm i
gulp build
gulp bundle --ship
gulp package-solution --ship

it all worked and I got my Sppkg-file.
Then I put it in the App-Catalouge
then I wanted to use the Web Part but ther was an Error that says:
FEHLER:
Cannot read property 'latitude' of null

AUFRUFLISTE:
TypeError: Cannot read property 'latitude' of null
at t._getMapUrl (https://publiccdn.sharepointonline.com/dtshowcase.sharepoint.com/sites/apps/ClientSideAssets/9eaf4000-158d-45d6-91ed-7c3c2bc305e8/spfx-pnp-map-web-part_81fa33afbd4782f05f9c571746405ec3.js:1:312747)
at t.render (https://publiccdn.sharepointonline.com/dtshowcase.sharepoint.com/sites/apps/ClientSideAssets/9eaf4000-158d-45d6-91ed-7c3c2bc305e8/spfx-pnp-map-web-part_81fa33afbd4782f05f9c571746405ec3.js:1:313185)
at Da (https://modernb.akamai.odsp.cdn.office.net/files/sp-client/sp-pages-assembly_de-de_6014a93328ffbc309a7ba3fee3e88452.js:65:414953)
at Fa (https://modernb.akamai.odsp.cdn.office.net/files/sp-client/sp-pages-assembly_de-de_6014a93328ffbc309a7ba3fee3e88452.js:65:414748)
at mo (https://modernb.akamai.odsp.cdn.office.net/files/sp-client/sp-pages-assembly_de-de_6014a93328ffbc309a7ba3fee3e88452.js:65:450530)
at ou (https://modernb.akamai.odsp.cdn.office.net/files/sp-client/sp-pages-assembly_de-de_6014a93328ffbc309a7ba3fee3e88452.js:65:441784)
at iu (https://modernb.akamai.odsp.cdn.office.net/files/sp-client/sp-pages-assembly_de-de_6014a93328ffbc309a7ba3fee3e88452.js:65:441709)
at Go (https://modernb.akamai.odsp.cdn.office.net/files/sp-client/sp-pages-assembly_de-de_6014a93328ffbc309a7ba3fee3e88452.js:65:438739)
at Ko (https://modernb.akamai.odsp.cdn.office.net/files/sp-client/sp-pages-assembly_de-de_6014a93328ffbc309a7ba3fee3e88452.js:65:435507)
at Fu (https://modernb.akamai.odsp.cdn.office.net/files/sp-client/sp-pages-assembly_de-de_6014a93328ffbc309a7ba3fee3e88452.js:65:456943)

what did I do wrong?

I have just adapted the code to my need but it wont save any value. Although if I remove the values it does save empties the taxonomy field. still wondering why wont it save any value.

The requirements are:
Hash route, #/xxx will be lost after login and cannot be directly located to that page.

We want to use browser/history for routing, or we can solve the problem of #/ missing after login, but did't know how to use it.

Or do you know the hash route without losing after login?

im getting this error Module '"@uifabric/utilities"' has no exported member 'autobind'.

I followed this blog post... https://ravichandran.blog/2020/06/12/send-and-receive-values-between-two-spfx-webparts/ but I get an error about autobind with SPFx 1.16.1. Not sure how to refactor SpfxSend.tsx to use arrow notation, any ideas what to do about this?...

  @autobind
  private onListPickerChange(selectedlist: string) {
    this.props._listelected({ selectedlist: selectedlist });
  }

I really like the way you have done this but I was trying to do something like. Give more option to the user like they can choose any SharePoint list they want and any kind of chart they want to make. Like" Bar, Bubble ,pie etc. Giving more option to the user. Is that something we can do??

While gulp serve getting error

node_modules/@uifabric/foundation/lib/ISlots.d.ts(69,124): error TS1005: ')' expected.

blog link :- https://ravichandran.blog/2020/04/11/simple-list-operations-in-spfx-using-pnpjs/

I was looking at your Taxonomy Web Part. The code does not build. It gives error