فشل تحميل صور svg عند بناء التطبيق webpack

هنا المشكلة في الكود الآتي فأنت لم تقم بوضع العنصر img داخل الصفحة بعد عمله 

const test = document.createElement('img').src = icon_marker

هذه الطريقة الصحيحة :

            const img = document.createElement('img');
            img.src =icon_marker;
            document.getElementById('body').appendChild(img);

والطريقة الصحيحة للصور svg 

سنحتاج الي تثبيت مكتبة svgo:

npm install svgo --save-dev

وفي ملف webpack.config.js سيكون الكود هكذا:

const ImageMinimizerPlugin = require("image-minimizer-webpack-plugin");

module.exports = {
  module: {
    rules: [
      // You need this, if you are using `import file from "file.ext"`, for `new URL(...)` syntax you don't need it
      {
        test: /\.(svg)$/i,
        type: "asset",
      },
    ],
  },
  optimization: {
    minimizer: [
      "...",
      new ImageMinimizerPlugin({
        minimizer: {
          implementation: ImageMinimizerPlugin.svgoMinify,
          options: {
            encodeOptions: {
              // Pass over SVGs multiple times to ensure all optimizations are applied. False by default
              multipass: true,
              plugins: [
                // set of built-in plugins enabled by default
                // see: https://github.com/svg/svgo#default-preset
                "preset-default",
              ],
            },
          },