I have developed a webpart to get list of news title and data. I wanted to change the name shown in sharepoint thus I created another project a web-part with react.
- yo@ microsoft/sharepoint
- gulp serve to check localhost and online workbench works
- copy the .tsx .scss and Props.tx contents to newly created project
- carefully checked the class name, import name
Problems: Unable to load the webpart on the online workbench.
localhost:4321/node_modules/react/dist/react.js:1 Failed to load resource: the server responded with a status of 404 (Not Found) localhost:4321/node_modules/react-dom/dist/react-dom.js:1 Failed to load resource: the server responded with a status of 404 (Not Found) sp-webpart-workbench-assembly_en-us_5e860bd4437e10b51e6df117464b1e55.js:20 Uncaught (in promise) Event sp-webpart-workbench-assembly_en-us_5e860bd4437e10b51e6df117464b1e55.js:20 Uncaught (in promise) Event localhost:4321/dist/latest-news-web-part.js:210 Uncaught (in promise) TypeError: Cannot read property 'get' of undefined at LatestNews.<anonymous> (localhost:4321/dist/latest-news-web-part.js:210) at step (localhost:4321/dist/latest-news-web-part.js:157) at Object.next (localhost:4321/dist/latest-news-web-part.js:138) at localhost:4321/dist/latest-news-web-part.js:132 at new Promise (<anonymous>) at 4uSA.__awaiter (localhost:4321/dist/latest-news-web-part.js:128) at LatestNews.4uSA.LatestNews.getListData (localhost:4321/dist/latest-news-web-part.js:199) at LatestNews.4uSA.LatestNews.loadNews (localhost:4321/dist/latest-news-web-part.js:189) at new LatestNews (localhost:4321/dist/latest-news-web-part.js:175) at ul (sp-webpart-workbench-assembly_en-us_5e860bd4437e10b51e6df117464b1e55.js:21)
- change the launch.json to change online workbench
- change serve.json "https": true, to "https": false,
Please kindly enlighten me how to solve this problem?