@顺风基地; vite 的未知词

问题描述 投票:0回答:1

我正在尝试在 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 语句,但这似乎不起作用。

vite postcss
1个回答
0
投票

实际上我实际上是指向我的 main.css 文件 资产包括:'src/renderer/src/assets/**',

因此将其更改为:- 资产包括:'src/renderer/assets/**', 这里它没有指向任何东西。

这帮助我运行我的代码

© www.soinside.com 2019 - 2024. All rights reserved.