Using Pnp JS with the solution

[Phentrin]

I implemented the solution with your recommandations Blog post

This is great explained or love this approach.

But when I try to import the Pnp/js module and try to compile the project, I receive the following error at "WebPack" step during gulp serve

Error - [webpack] 'dist': ../external/dist/formulaire-examen-Renforce-web-part.js Module parse failed: E:\PROJETS\Temp\spfx\node_modules\source-map-loader\index.js!E:\PROJETS\Temp\external\dist\formulaire-examen-Renforce-web-part.js Unexpected token (37245:8)
You may need an appropriate loader to handle this file type. | const { replace } = { | replace: true, | ...props, | }; | return (instance) => { @ ./lib/webparts/formulaireExamenRenforce/FormulaireExamenRenforceWebPart.js 2:17-89

Any idea how to resolve this ?