reactjs 在Typescript + daisyui中未定义require

ugmeyewa  于 12个月前  发布在  React
关注(0)|答案(1)|浏览(127)

所以,我想使用typescript + react + daisyUI(tailwindCSS组件),顺便说一下,我使用vite
我将node用作ts.config中的moduleResolution
但是我在tailwind配置中得到一个错误require is not define

我希望可以使用daisyUI + react typescript

cwtwac6a

cwtwac6a1#

这是发生在我与Flowbite,我看到这个答案从Nuno Santos和它为我工作!
所以,在你的例子中,在你的tailwind.js.js上,你有这个:

/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
    './node_modules/flowbite/**/*.js'
  ],
  theme: {
    extend: {},
  },
  plugins: [require("daysi-ui")],
}

你必须通过导入插件来更改语法,使用import语句,然后像这样添加它:

import DaisyUIPlugin from "daisyui/plugin";

/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
    './node_modules/flowbite/**/*.js'
  ],
  theme: {
    extend: {},
  },
  plugins: [DaisyUIPlugin],
}

让我知道如果它在你的情况下工作!

相关问题