Azure Web App (Angular) not working with SPFetchClient

[gonadn]

Category

• Enhancement
• Bug
• [*] Question
• Documentation gap/issue

PnP Version: [
"@pnp/common": "^1.2.9",
"@pnp/graph": "^1.2.9",
"@pnp/logging": "^1.2.9",
"@pnp/nodejs": "^1.2.9",
"@pnp/odata": "^1.2.9",
"@pnp/sp": "^1.2.9",
]

Iam creating Angular (Angular-cli) application hosting on Azure as Azure App Service (WebApp) .
And i want to access data in SharePoint from Angular application using @pnp/nodejs ,

when i add code below in my .ts constructor() i get a bunch of errors in console:

Errors i get:

Anyone had this issue, or am i doing something wrong here?
How can i access data in SharePoint from an application hosted in Azure as a App Service (WebApp) ?

[simonagren]

This seems to have to do with Angular CLI and Crypto and some changes to how Crypto is being/not being used anymore.

Check out this comment on how you might be able to solve it:
angular/angular-cli#1548 (comment)

[gonadn]

hi @simonagren , thanks for your time, i tried the solution descriebed in the article you refer to...

The fix/solution:

i got rid of all errors with "crypto", but got another error:

[gonadn]

the solution was to add net: 'empty' and tyld: 'empty' to web.config.js , as described here: link
your link #1529 had the solution: I needed to add polyfills for node stuff in webpack.config.js, like this:

config.node = {
  console: 'empty',
  fs: 'empty',
  net: 'empty',
  tls: 'empty'
}

Thanks a lot!

[simonagren]

Was gonna write that one first, but I dint't think it did the trick, haha. @gonadn could you close the issue?

[gonadn]

thanks to @simonagren for refering to article witch helped to fix the issue... 💯

[github-actions]

This issue is locked for inactivity or age. If you have a related issue please open a new issue and reference this one. Closed issues are not tracked.