Почему Vite/Rollup не может зарезолвить абсолютные импорты?

Question

[GaserV]

Столкнулся с проблемой. Все компоненты и тд импортятся абсолютным путем, т.е. from "components/etc..", "widgets/etc.." и так далее. И в самой IDE не подсвечивает что он не может зарезолвить и все ок. Но именно при билде выскакивает Rollup ошибка:

`[vite]: Rollup failed to resolve import "components/Footer" from "src/App.tsx"`

vite.config:

resolve: {
    alias: {
      src: path.resolve('src/'),
    },
  },

Как исправить это? И надеюсь получится как-нибудь без прописи всяких alias типо @, ~ и тд... Буду благодарен

Comments

[WbICHA]

path.resolve(__dirname, 'src/'), ?

Answer 1

[stdian]

Привет. У меня вот так сделано:

resolve: {
			alias: {
				"@": path.resolve(__dirname, "./src"),
				features: path.resolve(__dirname, "./src/features"),
				assets: path.resolve(__dirname, "./src/assets"),
				helpers: path.resolve(__dirname, "./src/helpers"),
				utils: path.resolve(__dirname, "./src/utils"),
				interfaces: path.resolve(__dirname, "./src/interfaces"),
			},
		},

также в tsconfig в compilerOptions:

"paths": {
			"@/*": ["src/*"],
			"features/*": ["src/features/*"],
			"assets": ["src/assets"],
			"helpers": ["src/helpers"],
			"utils": ["src/utils"],
			"interfaces": ["src/interfaces"]
		},