我正在尝试在 Electron-vite 中将 tailwindcss 与 postcss 集成。
我已经运行命令 -
yarn add electron-vite -D
yarn create @quick-start/electron
yarn add -D tailwindcss postcss autoprefixer
npx tailwind init -p
但是当我使用
yarn dev
运行代码时
它显示错误:-
我不知道如何解决这个问题,
这是 Electron.vite.config.ts 文件中的代码
import react from '@vitejs/plugin-react'
import { defineConfig, externalizeDepsPlugin } from 'electron-vite'
import { resolve } from 'path'
export default defineConfig({
main: {
plugins: [externalizeDepsPlugin()],
resolve: {
alias: {
'@/lib': resolve('src/main/lib'),
'@shared': resolve('src/shared')
}
}
},
preload: {
plugins: [externalizeDepsPlugin()]
},
renderer: {
assetsInclude: 'src/renderer/src/assets/**',
resolve: {
alias: {
'@renderer': resolve('src/renderer/src'),
'@shared': resolve('src/shared'),
'@hooks': resolve('src/renderer/src/hooks'),
'@/assets': resolve('src/renderer/src/assets'),
'@/store': resolve('src/renderer/src/store'),
'@/components': resolve('src/renderer/src/components'),
'@/mocks': resolve('src/renderer/src/mocks')
}
},
plugins: [react()]
}
})
我已经尝试更改 @tailwind 指令以使用 import 语句,但这似乎不起作用。
实际上我实际上是指向我的 main.css 文件 资产包括:'src/renderer/src/assets/**',
因此将其更改为:- 资产包括:'src/renderer/assets/**', 这里它没有指向任何东西。
这帮助我运行我的代码