data-url: ../img.svg error when running the project locally

[TangoPJ]

I have a problem with running my project locally:

Could not resolve "data-url:../../assets/goal.svg"

How can I fix it?

my vite.config.ts:

import react from '@vitejs/plugin-react-swc'
import path from 'path'
import { defineConfig } from 'vite'

// https://vitejs.dev/config/
export default defineConfig({
  base: '/',
  plugins: [react()],
  build: {
    rollupOptions: {
      output: {
        entryFileNames: 'js/[name]-[hash].js',
        assetFileNames: '[name]-[hash][extname]',
      },
    },
  },
  resolve: {
    alias: {
      assets: path.resolve(__dirname, 'src/assets'),
      components: path.resolve(__dirname, 'src/components'),
      pages: path.resolve(__dirname, 'src/pages'),
      modules: path.resolve(__dirname, 'src/modules'),
      layouts: path.resolve(__dirname, 'src/layouts'),
      api: path.resolve(__dirname, 'src/api'),
      hooks: path.resolve(__dirname, 'src/hooks'),
      interfaces: path.resolve(__dirname, 'src/interfaces'),
      'redux-store': path.resolve(__dirname, 'src/redux-store'),
      features: path.resolve(__dirname, 'src/features'),
      helpers: path.resolve(__dirname, 'src/helpers'),
      styled: path.resolve(__dirname, 'src/styled'),
      utils: path.resolve(__dirname, 'src/utils'),
      constants: path.resolve(__dirname, 'src/constants'),
      test: path.resolve(__dirname, 'src/test'),
      providers: path.resolve(__dirname, 'src/providers'),
    },
    extensions: ['.*', '.js', '.jsx', '.ts', '.tsx'],
  },
})

[TangoPJ]

is the solution is?:

"optimizeDeps": {
  "exclude": ["your-package-name"]
}