在 Nuxt 3 中为 Tailwind 进行 Preline 工作

Question

我正在寻找在 nuxt 3 中设置 preline。我遵循了他们的 Nuxt 2 指南但无济于事。这是我当前的代码，看起来 nuxt 甚至没有渲染脚本？

npm i preline

nuxt.config.ts

  head: {
    script: [
        {
          src: '~/node_modules/preline/dist/preline.js',
          body: true,
          defer: true
        }
    ]
  },

还有 tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    '~/node_modules/preline/dist/preline.js',
  ],
  theme: {
    extend: {},
  },
  plugins: [
    require('preline/plugin'),
  ],
}

Answer 1

复制node_modules/preline中的文件夹并将其粘贴到公共文件夹中。 改变后

src: '~/node_modules/preline/dist/preline.js',

到

src: '/preline/dist/preline.js',