'"Content and Map of this Source is not available", after inserting svg icons in the Angular project
I have an Angular project and at some point I imported some svg icons made by a graphic designer that I put inside the icons folder in assets. I don't know why, but after I put them in the assets folder and use them as a source in an image, when I try to compile it randomly shows me an error that I can't figure out where it comes from. It occurs randomly and clearing the cache and node modules does not seem to solve the problem. I currently bypass the problem by putting an error in the code, trying to compile it fails, I remove the error and then compile successfully and the error doesn't show up. Obviously if I redo the ng serve it reoccurs. Do you have any ideas?
Angular CLI: 13.1.3 Node: 16.13.1 Package Manager: npm 8.1.2 OS: win32 x64
C:\Users\ADMIN\Desktop\Project\node_modules\webpack-sources\lib\SizeOnlySource.js:16
return new Error(
Error: Content and Map of this Source is not available (only size() is supported)
at SizeOnlySource._error (C:\Users\ADMIN\Desktop\Project\node_modules\webpack-sources\lib\SizeOnlySource.js:16:10)
at SizeOnlySource.buffer (C:\Users\ADMIN\Desktop\Project\node_modules\webpack-sources\lib\SizeOnlySource.js:30:14)
at _isSourceEqual (C:\Users\ADMIN\Desktop\Project\node_modules\webpack\lib\util\source.js:21:51)
at isSourceEqual (C:\Users\ADMIN\Desktop\Project\node_modules\webpack\lib\util\source.js:43:17)
at Compilation.emitAsset (C:\Users\ADMIN\Desktop\Project\node_modules\webpack\lib\Compilation.js:4171:9)
at C:\Users\ADMIN\Desktop\Project\node_modules\webpack\lib\Compiler.js:548:28
at C:\Users\ADMIN\Desktop\Project\node_modules\webpack\lib\Compiler.js:1129:17
at eval (eval at create (C:\Users\ADMIN\Desktop\Project\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:13:1)
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|
