This browser is no longer supported.
Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(176, 80%, 27%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EDZ%3C/text%3E%3C/svg%3E)
Hello,
I am trying the Sharepoint Learn lessons from Microsoft for "Extend Microsoft SharePoint – Associate". In the 3rd module:
https://learn.microsoft.com/en-gb/training/modules/sharepoint-spfx-web-part-property-pane/?ns-enrollment-type=learningpath&ns-enrollment-id=learn-m365.sharepoint-associate
In Unit 5 and 7 I always get the error:
Error:
Cannot read properties of undefined (reading 'id')
TypeError: Cannot read properties of undefined (reading 'id')
at https://res-1.cdn.office.net/files/sp-client/sp-webpart-workbench-assembly_de-de_d06a01d566c12f97cf5117ed80a528ce.js:70:731930
at new Promise (<anonymous>)
at e.loadComponent (https://res-1.cdn.office.net/files/sp-client/sp-webpart-workbench-assembly_de-de_d06a01d566c12f97cf5117ed80a528ce.js:70:731898)
at https://res-1.cdn.office.net/files/sp-client/sp-webpart-workbench-assembly_de-de_d06a01d566c12f97cf5117ed80a528ce.js:70:733659
at async Promise.all (index 1)
Even if I use the code examples from github. I am using visual studio code and gulp version 2.3
Any ideas what could bethe problem?
Thanks
David
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(89.60000000000001, 20%, 18%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3ENS%3C/text%3E%3C/svg%3E)
Hi David, were you able to solve this issue. I am also facing the same issue. The web part is working as expected while working in workbench. The weird part is I am facing this issue only for one web part in my solution.
Hi, I am sorry, I did not get a solution until now. It was only in a training situation therefore I did not investigate further.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(252.8, 5%, 34%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3ER%3C/text%3E%3C/svg%3E)
Firstly, you should check the version of your environment. You can refer to the list of SPFx development environment compatibility. Then you can try following steps to rebundle the webpart.
gulp bundle and gulp package-solution but don't use the --ship flag so that the generated package will point to your local filesgulp serve --nobrowser to start the local web serverIf the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.
Hi
thank you for your prosposal.
Environment is like required. I have checked it again.
Even a deployment to the app store did not help. I have the same error.
Any other ideas?
Best regards
David