Разрешающая дорожка для SVG

Question

Я извлек CRA для выполнения некоторых настроек.

У меня проблема с svg - не разрешается относительный путь.

У меня в конфигурации веб-пакета есть следующее:

      // Process application JS with Babel.
      // The preset includes JSX, Flow, and some ESnext features.
      {
        test: /\.(js|mjs|jsx)$/,
        include: paths.appSrc,

        loader: require.resolve('babel-loader'),
        options: {
          customize: require.resolve(
            'babel-preset-react-app/webpack-overrides'
          ),

          plugins: [
            [
              require.resolve('babel-plugin-named-asset-import'),
              {
                loaderMap: {
                  svg: {
                    ReactComponent: '@svgr/webpack?-prettier,-svgo![path]',
                  },
                },
              },
            ],
          ],
          cacheDirectory: true,
          // Save disk space when time isn't as important
          cacheCompression: true,
          compact: true,
        },
      },

Конфигурация dev в порядке, эта проблема для производственного конфига.Любая идея о том, как это исправить?

Спасибо

Answer 1

Исправлено переопределением публичного пути.В Webpack, раздел вывода, настройте publicPath для '/ my-project /' вместо ''