Spfx 2019 pnp/sp issue

Question

I have the below similar issue -
https://learn.microsoft.com/en-us/answers/questions/195177/spfx-2019-pnpspfx-controls-react.html

Getting the below error while running gulp serve

Wrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at next (C:\'\node_modules\enhanced-resolve\node_modules\tapable\lib\Tapable.js:252:11)
at C:\'\node_modules\enhanced-resolve\lib\UnsafeCachePlugin.js:40:4
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at runAfter (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:158:4)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:146:3)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at next (C:\'\node_modules\enhanced-resolve\node_modules\tapable\lib\Tapable.js:252:11)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:144:11)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
@ ./node_modules/@pnp/common/index.js 3:0-25
@ ./node_modules/@pnp/sp/operations.js
@ ./node_modules/@pnp/sp/index.js
@ ./lib/webparts/customBarChart/components/CustomBarChart.js
@ ./lib/webparts/customBarChart/CustomBarChartWebPart.js
./node_modules/@pnp/common/safe-global.js
(Emitted value instead of an instance of Error) Cannot find source file '../../../../packages/common/safe-global.ts': Error: Can't resolve '../../../../packages/common/safe-global.ts' in 'C:\'\node_modules\@pnp\common'
NonErrorEmittedError: (Emitted value instead of an instance of Error) Cannot find source file '../../../../packages/common/safe-global.ts': Error: Can't resolve '../../../../packages/common/safe-global.ts' in 'C:\'\node_modules\@pnp\common'
at emitWarning (C:\'\node_modules\webpack\lib\NormalModule.js:117:16)
at C:\'\node_modules\source-map-loader\index.js:80:7
at onError (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:65:10)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at runAfter (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:158:4)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:146:3)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at next (C:\'\node_modules\enhanced-resolve\node_modules\tapable\lib\Tapable.js:252:11)
at C:\'\node_modules\enhanced-resolve\lib\UnsafeCachePlugin.js:40:4
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at runAfter (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:158:4)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:146:3)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at next (C:\'\node_modules\enhanced-resolve\node_modules\tapable\lib\Tapable.js:252:11)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:144:11)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
@ ./node_modules/@pnp/common/index.js 7:0-33
@ ./node_modules/@pnp/sp/operations.js
@ ./node_modules/@pnp/sp/index.js
@ ./lib/webparts/customBarChart/components/CustomBarChart.js
@ ./lib/webparts/customBarChart/CustomBarChartWebPart.js
./node_modules/@pnp/common/spfxcontextinterface.js
(Emitted value instead of an instance of Error) Cannot find source file '../../../../packages/common/spfxcontextinterface.ts': Error: Can't resolve '../../../../packages/common/spfxcontextinterface.ts' in 'C:\'\node_modules\@pnp\common'
NonErrorEmittedError: (Emitted value instead of an instance of Error) Cannot find source file '../../../../packages/common/spfxcontextinterface.ts': Error: Can't resolve '../../../../packages/common/spfxcontextinterface.ts' in 'C:\'\node_modules\@pnp\common'
at emitWarning (C:\'\node_modules\webpack\lib\NormalModule.js:117:16)
at C:\'\node_modules\source-map-loader\index.js:80:7
at onError (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:65:10)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at runAfter (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:158:4)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:146:3)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at next (C:\'\node_modules\enhanced-resolve\node_modules\tapable\lib\Tapable.js:252:11)
at C:\'\node_modules\enhanced-resolve\lib\UnsafeCachePlugin.js:40:4
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at runAfter (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:158:4)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:146:3)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at next (C:\'\node_modules\enhanced-resolve\node_modules\tapable\lib\Tapable.js:252:11)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:144:11)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
@ ./node_modules/@pnp/common/index.js 4:0-42
@ ./node_modules/@pnp/sp/operations.js
@ ./node_modules/@pnp/sp/index.js
@ ./lib/webparts/customBarChart/components/CustomBarChart.js
@ ./lib/webparts/customBarChart/CustomBarChartWebPart.js
./node_modules/@pnp/common/storage.js
(Emitted value instead of an instance of Error) Cannot find source file '../../../../packages/common/storage.ts': Error: Can't resolve '../../../../packages/common/storage.ts' in 'C:\'\node_modules\@pnp\common'
NonErrorEmittedError: (Emitted value instead of an instance of Error) Cannot find source file '../../../../packages/common/storage.ts': Error: Can't resolve '../../../../packages/common/storage.ts' in 'C:\'\node_modules\@pnp\common'
at emitWarning (C:\'\node_modules\webpack\lib\NormalModule.js:117:16)
at C:\'\node_modules\source-map-loader\index.js:80:7
at onError (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:65:10)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at runAfter (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:158:4)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:146:3)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at next (C:\'\node_modules\enhanced-resolve\node_modules\tapable\lib\Tapable.js:252:11)
at C:\'\node_modules\enhanced-resolve\lib\UnsafeCachePlugin.js:40:4
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at runAfter (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:158:4)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:146:3)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at next (C:\'\node_modules\enhanced-resolve\node_modules\tapable\lib\Tapable.js:252:11)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:144:11)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
@ ./node_modules/@pnp/common/index.js 5:0-29
@ ./node_modules/@pnp/sp/operations.js
@ ./node_modules/@pnp/sp/index.js
@ ./lib/webparts/customBarChart/components/CustomBarChart.js
@ ./lib/webparts/customBarChart/CustomBarChartWebPart.js
./node_modules/@pnp/common/util.js
(Emitted value instead of an instance of Error) Cannot find source file '../../../../packages/common/util.ts': Error: Can't resolve '../../../../packages/common/util.ts' in 'C:\'\node_modules\@pnp\common'
NonErrorEmittedError: (Emitted value instead of an instance of Error) Cannot find source file '../../../../packages/common/util.ts': Error: Can't resolve '../../../../packages/common/util.ts' in 'C:\'\node_modules\@pnp\common'
at emitWarning (C:\'\node_modules\webpack\lib\NormalModule.js:117:16)
at C:\'\node_modules\source-map-loader\index.js:80:7
at onError (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:65:10)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at runAfter (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:158:4)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:146:3)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at next (C:\'\node_modules\enhanced-resolve\node_modules\tapable\lib\Tapable.js:252:11)
at C:\'\node_modules\enhanced-resolve\lib\UnsafeCachePlugin.js:40:4
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at runAfter (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:158:4)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:146:3)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at next (C:\'\node_modules\enhanced-resolve\node_modules\tapable\lib\Tapable.js:252:11)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:144:11)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
@ ./node_modules/@pnp/common/index.js 6:0-26
@ ./node_modules/@pnp/sp/operations.js
@ ./node_modules/@pnp/sp/index.js
@ ./lib/webparts/customBarChart/components/CustomBarChart.js
@ ./lib/webparts/customBarChart/CustomBarChartWebPart.js
./node_modules/@pnp/logging/index.js
(Emitted value instead of an instance of Error) Cannot find source file '../../../../packages/logging/index.ts': Error: Can't resolve '../../../../packages/logging/index.ts' in 'C:\'\node_modules\@pnp\logging'
NonErrorEmittedError: (Emitted value instead of an instance of Error) Cannot find source file '../../../../packages/logging/index.ts': Error: Can't resolve '../../../../packages/logging/index.ts' in 'C:\'\node_modules\@pnp\logging'
at emitWarning (C:\'\node_modules\webpack\lib\NormalModule.js:117:16)
at C:\'\node_modules\source-map-loader\index.js:80:7
at onError (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:65:10)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at runAfter (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:158:4)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:146:3)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at next (C:\'\node_modules\enhanced-resolve\node_modules\tapable\lib\Tapable.js:252:11)
at C:\'\node_modules\enhanced-resolve\lib\UnsafeCachePlugin.js:40:4
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at runAfter (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:158:4)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:146:3)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at next (C:\'\node_modules\enhanced-resolve\node_modules\tapable\lib\Tapable.js:252:11)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:144:11)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
@ ./node_modules/@pnp/sp/odata.js 3:0-38
@ ./node_modules/@pnp/sp/index.js
@ ./lib/webparts/customBarChart/components/CustomBarChart.js
@ ./lib/webparts/customBarChart/CustomBarChartWebPart.js
./node_modules/@pnp/logging/listeners.js
(Emitted value instead of an instance of Error) Cannot find source file '../../../../packages/logging/listeners.ts': Error: Can't resolve '../../../../packages/logging/listeners.ts' in 'C:\'\node_modules\@pnp\logging'
NonErrorEmittedError: (Emitted value instead of an instance of Error) Cannot find source file '../../../../packages/logging/listeners.ts': Error: Can't resolve '../../../../packages/logging/listeners.ts' in 'C:\'\node_modules\@pnp\logging'
at emitWarning (C:\'\node_modules\webpack\lib\NormalModule.js:117:16)
at C:\'\node_modules\source-map-loader\index.js:80:7
at onError (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:65:10)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at runAfter (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:158:4)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:146:3)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at next (C:\'\node_modules\enhanced-resolve\node_modules\tapable\lib\Tapable.js:252:11)
at C:\'\node_modules\enhanced-resolve\lib\UnsafeCachePlugin.js:40:4
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at runAfter (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:158:4)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:146:3)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at next (C:\'\node_modules\enhanced-resolve\node_modules\tapable\lib\Tapable.js:252:11)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:144:11)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
@ ./node_modules/@pnp/logging/index.js 2:0-31
@ ./node_modules/@pnp/sp/odata.js
@ ./node_modules/@pnp/sp/index.js
@ ./lib/webparts/customBarChart/components/CustomBarChart.js
@ ./lib/webparts/customBarChart/CustomBarChartWebPart.js
./node_modules/@pnp/logging/logger.js
(Emitted value instead of an instance of Error) Cannot find source file '../../../../packages/logging/logger.ts': Error: Can't resolve '../../../../packages/logging/logger.ts' in 'C:\'\node_modules\@pnp\logging'
NonErrorEmittedError: (Emitted value instead of an instance of Error) Cannot find source file '../../../../packages/logging/logger.ts': Error: Can't resolve '../../../../packages/logging/logger.ts' in 'C:\'\node_modules\@pnp\logging'
at emitWarning (C:\'\node_modules\webpack\lib\NormalModule.js:117:16)
at C:\'\node_modules\source-map-loader\index.js:80:7
at onError (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:65:10)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at runAfter (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:158:4)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:146:3)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at next (C:\'\node_modules\enhanced-resolve\node_modules\tapable\lib\Tapable.js:252:11)
at C:\'\node_modules\enhanced-resolve\lib\UnsafeCachePlugin.js:40:4
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at runAfter (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:158:4)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:146:3)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at next (C:\'\node_modules\enhanced-resolve\node_modules\tapable\lib\Tapable.js:252:11)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:144:11)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
@ ./node_modules/@pnp/logging/index.js 1:0-28
@ ./node_modules/@pnp/sp/odata.js
@ ./node_modules/@pnp/sp/index.js
@ ./lib/webparts/customBarChart/components/CustomBarChart.js
@ ./lib/webparts/customBarChart/CustomBarChartWebPart.js
./node_modules/@pnp/odata/add-prop.js
(Emitted value instead of an instance of Error) Cannot find source file '../../../../packages/odata/add-prop.ts': Error: Can't resolve '../../../../packages/odata/add-prop.ts' in 'C:\'\node_modules\@pnp\odata'
NonErrorEmittedError: (Emitted value instead of an instance of Error) Cannot find source file '../../../../packages/odata/add-prop.ts': Error: Can't resolve '../../../../packages/odata/add-prop.ts' in 'C:\'\node_modules\@pnp\odata'
at emitWarning (C:\'\node_modules\webpack\lib\NormalModule.js:117:16)
at C:\'\node_modules\source-map-loader\index.js:80:7
at onError (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:65:10)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at runAfter (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:158:4)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:146:3)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at next (C:\'\node_modules\enhanced-resolve\node_modules\tapable\lib\Tapable.js:252:11)
at C:\'\node_modules\enhanced-resolve\lib\UnsafeCachePlugin.js:40:4
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at runAfter (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:158:4)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:146:3)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at next (C:\'\node_modules\enhanced-resolve\node_modules\tapable\lib\Tapable.js:252:11)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:144:11)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
@ ./node_modules/@pnp/odata/index.js 3:0-30
@ ./node_modules/@pnp/sp/operations.js
@ ./node_modules/@pnp/sp/index.js
@ ./lib/webparts/customBarChart/components/CustomBarChart.js
@ ./lib/webparts/customBarChart/CustomBarChartWebPart.js
./node_modules/@pnp/odata/batch.js
(Emitted value instead of an instance of Error) Cannot find source file '../../../../packages/odata/batch.ts': Error: Can't resolve '../../../../packages/odata/batch.ts' in 'C:\'\node_modules\@pnp\odata'
NonErrorEmittedError: (Emitted value instead of an instance of Error) Cannot find source file '../../../../packages/odata/batch.ts': Error: Can't resolve '../../../../packages/odata/batch.ts' in 'C:\'\node_modules\@pnp\odata'
at emitWarning (C:\'\node_modules\webpack\lib\NormalModule.js:117:16)
at C:\'\node_modules\source-map-loader\index.js:80:7
at onError (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:65:10)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at runAfter (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:158:4)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:146:3)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at next (C:\'\node_modules\enhanced-resolve\node_modules\tapable\lib\Tapable.js:252:11)
at C:\'\node_modules\enhanced-resolve\lib\UnsafeCachePlugin.js:40:4
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at runAfter (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:158:4)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:146:3)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at next (C:\'\node_modules\enhanced-resolve\node_modules\tapable\lib\Tapable.js:252:11)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:144:11)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
@ ./node_modules/@pnp/odata/index.js 1:0-27
@ ./node_modules/@pnp/sp/operations.js
@ ./node_modules/@pnp/sp/index.js
@ ./lib/webparts/customBarChart/components/CustomBarChart.js
@ ./lib/webparts/customBarChart/CustomBarChartWebPart.js
./node_modules/@pnp/odata/caching.js
(Emitted value instead of an instance of Error) Cannot find source file '../../../../packages/odata/caching.ts': Error: Can't resolve '../../../../packages/odata/caching.ts' in 'C:\'\node_modules\@pnp\odata'
NonErrorEmittedError: (Emitted value instead of an instance of Error) Cannot find source file '../../../../packages/odata/caching.ts': Error: Can't resolve '../../../../packages/odata/caching.ts' in 'C:\'\node_modules\@pnp\odata'
at emitWarning (C:\'\node_modules\webpack\lib\NormalModule.js:117:16)
at C:\'\node_modules\source-map-loader\index.js:80:7
at onError (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:65:10)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at runAfter (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:158:4)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:146:3)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at next (C:\'\node_modules\enhanced-resolve\node_modules\tapable\lib\Tapable.js:252:11)
at C:\'\node_modules\enhanced-resolve\lib\UnsafeCachePlugin.js:40:4
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at runAfter (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:158:4)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:146:3)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at next (C:\'\node_modules\enhanced-resolve\node_modules\tapable\lib\Tapable.js:252:11)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:144:11)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
@ ./node_modules/@pnp/odata/index.js 2:0-29
@ ./node_modules/@pnp/sp/operations.js
@ ./node_modules/@pnp/sp/index.js
@ ./lib/webparts/customBarChart/components/CustomBarChart.js
@ ./lib/webparts/customBarChart/CustomBarChartWebPart.js
./node_modules/@pnp/odata/index.js
(Emitted value instead of an instance of Error) Cannot find source file '../../../../packages/odata/index.ts': Error: Can't resolve '../../../../packages/odata/index.ts' in 'C:\'\node_modules\@pnp\odata'
NonErrorEmittedError: (Emitted value instead of an instance of Error) Cannot find source file '../../../../packages/odata/index.ts': Error: Can't resolve '../../../../packages/odata/index.ts' in 'C:\'\node_modules\@pnp\odata'
at emitWarning (C:\'\node_modules\webpack\lib\NormalModule.js:117:16)
at C:\'\node_modules\source-map-loader\index.js:80:7
at onError (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:65:10)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at runAfter (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:158:4)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:146:3)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at next (C:\'\node_modules\enhanced-resolve\node_modules\tapable\lib\Tapable.js:252:11)
at C:\'\node_modules\enhanced-resolve\lib\UnsafeCachePlugin.js:40:4
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at runAfter (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:158:4)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:146:3)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at next (C:\'\node_modules\enhanced-resolve\node_modules\tapable\lib\Tapable.js:252:11)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:144:11)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
@ ./node_modules/@pnp/sp/operations.js 2:0-80
@ ./node_modules/@pnp/sp/index.js
@ ./lib/webparts/customBarChart/components/CustomBarChart.js
@ ./lib/webparts/customBarChart/CustomBarChartWebPart.js
./node_modules/@pnp/odata/invokable-binder.js
(Emitted value instead of an instance of Error) Cannot find source file '../../../../packages/odata/invokable-binder.ts': Error: Can't resolve '../../../../packages/odata/invokable-binder.ts' in 'C:\'\node_modules\@pnp\odata'
NonErrorEmittedError: (Emitted value instead of an instance of Error) Cannot find source file '../../../../packages/odata/invokable-binder.ts': Error: Can't resolve '../../../../packages/odata/invokable-binder.ts' in 'C:\'\node_modules\@pnp\odata'
at emitWarning (C:\'\node_modules\webpack\lib\NormalModule.js:117:16)
at C:\'\node_modules\source-map-loader\index.js:80:7
at onError (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:65:10)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at runAfter (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:158:4)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:146:3)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at next (C:\'\node_modules\enhanced-resolve\node_modules\tapable\lib\Tapable.js:252:11)
at C:\'\node_modules\enhanced-resolve\lib\UnsafeCachePlugin.js:40:4
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at runAfter (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:158:4)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:146:3)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at next (C:\'\node_modules\enhanced-resolve\node_modules\tapable\lib\Tapable.js:252:11)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:144:11)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
@ ./node_modules/@pnp/odata/index.js 4:0-38
@ ./node_modules/@pnp/sp/operations.js
@ ./node_modules/@pnp/sp/index.js
@ ./lib/webparts/customBarChart/components/CustomBarChart.js
@ ./lib/webparts/customBarChart/CustomBarChartWebPart.js
./node_modules/@pnp/odata/invokable-extensions.js
(Emitted value instead of an instance of Error) Cannot find source file '../../../../packages/odata/invokable-extensions.ts': Error: Can't resolve '../../../../packages/odata/invokable-extensions.ts' in 'C:\'\node_modules\@pnp\odata'
NonErrorEmittedError: (Emitted value instead of an instance of Error) Cannot find source file '../../../../packages/odata/invokable-extensions.ts': Error: Can't resolve '../../../../packages/odata/invokable-extensions.ts' in 'C:\'\node_modules\@pnp\odata'
at emitWarning (C:\'\node_modules\webpack\lib\NormalModule.js:117:16)
at C:\'\node_modules\source-map-loader\index.js:80:7
at onError (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:65:10)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at runAfter (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:158:4)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:146:3)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at next (C:\'\node_modules\enhanced-resolve\node_modules\tapable\lib\Tapable.js:252:11)
at C:\'\node_modules\enhanced-resolve\lib\UnsafeCachePlugin.js:40:4
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at runAfter (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:158:4)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:146:3)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at next (C:\'\node_modules\enhanced-resolve\node_modules\tapable\lib\Tapable.js:252:11)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:144:11)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
@ ./node_modules/@pnp/odata/index.js 10:0-144
@ ./node_modules/@pnp/sp/operations.js
@ ./node_modules/@pnp/sp/index.js
@ ./lib/webparts/customBarChart/components/CustomBarChart.js
@ ./lib/webparts/customBarChart/CustomBarChartWebPart.js
./node_modules/@pnp/odata/parsers.js
(Emitted value instead of an instance of Error) Cannot find source file '../../../../packages/odata/parsers.ts': Error: Can't resolve '../../../../packages/odata/parsers.ts' in 'C:\'\node_modules\@pnp\odata'
NonErrorEmittedError: (Emitted value instead of an instance of Error) Cannot find source file '../../../../packages/odata/parsers.ts': Error: Can't resolve '../../../../packages/odata/parsers.ts' in 'C:\'\node_modules\@pnp\odata'
at emitWarning (C:\'\node_modules\webpack\lib\NormalModule.js:117:16)
at C:\'\node_modules\source-map-loader\index.js:80:7
at onError (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:65:10)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at runAfter (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:158:4)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:146:3)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at next (C:\'\node_modules\enhanced-resolve\node_modules\tapable\lib\Tapable.js:252:11)
at C:\'\node_modules\enhanced-resolve\lib\UnsafeCachePlugin.js:40:4
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at runAfter (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:158:4)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:146:3)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at next (C:\'\node_modules\enhanced-resolve\node_modules\tapable\lib\Tapable.js:252:11)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:144:11)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
@ ./node_modules/@pnp/odata/index.js 6:0-29
@ ./node_modules/@pnp/sp/operations.js
@ ./node_modules/@pnp/sp/index.js
@ ./lib/webparts/customBarChart/components/CustomBarChart.js
@ ./lib/webparts/customBarChart/CustomBarChartWebPart.js
./node_modules/@pnp/odata/pipeline-binder.js
(Emitted value instead of an instance of Error) Cannot find source file '../../../../packages/odata/pipeline-binder.ts': Error: Can't resolve '../../../../packages/odata/pipeline-binder.ts' in 'C:\'\node_modules\@pnp\odata'
NonErrorEmittedError: (Emitted value instead of an instance of Error) Cannot find source file '../../../../packages/odata/pipeline-binder.ts': Error: Can't resolve '../../../../packages/odata/pipeline-binder.ts' in 'C:\'\node_modules\@pnp\odata'
at emitWarning (C:\'\node_modules\webpack\lib\NormalModule.js:117:16)
at C:\'\node_modules\source-map-loader\index.js:80:7
at onError (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:65:10)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at runAfter (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:158:4)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:146:3)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at next (C:\'\node_modules\enhanced-resolve\node_modules\tapable\lib\Tapable.js:252:11)
at C:\'\node_modules\enhanced-resolve\lib\UnsafeCachePlugin.js:40:4
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at runAfter (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:158:4)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:146:3)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
at next (C:\'\node_modules\enhanced-resolve\node_modules\tapable\lib\Tapable.js:252:11)
at innerCallback (C:\'\node_modules\enhanced-resolve\lib\Resolver.js:144:11)
at loggingCallbackWrapper (C:\'\node_modules\enhanced-resolve\lib\createInnerCallback.js:31:19)
@ ./node_modules/@pnp/odata/index.js 5:0-37
@ ./node_modules/@pnp/sp/operations.js
@ ./node_modules/@pnp/sp/index.js
@ ./lib/webparts/customBarChart/components/CustomBarChart.js
@ ./lib/webparts/customBarChart/CustomBarChartWebPart.js
./node_modules/@pnp/odata/pipeline.js
(Emitted value instead of an instance of Error) Cannot find source file '../../../../packages/odata/pipeline.ts': Error: Can't resolve '../../../../packages/odata/pipeline.ts' in 'C:\'\node_modules\@pnp\odata'
NonErrorEmittedError: (Emitted value instead

Answer 1

Hi @Sajith Gopalakrishnan Hema ,
SharePoint Server 2019 supports SharePoint Framework client-side web parts hosted on classic or modern SharePoint pages built by using the SharePoint Framework v1.4.1. So we need to update spfx version to v1.4.1 to have a try.
You can confirm your version that spfx supported in following link:
https://learn.microsoft.com/en-us/sharepoint/dev/spfx/sharepoint-2019-support

---

If an Answer is helpful, please click "Accept Answer" and upvote it.
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.