prismicio / vue-essential-slices

A set of professionally made, accessible Vue components, linked to a (Prismic) backend
GNU General Public License v3.0
41 stars 9 forks source link

Nuxt Tailwind and Prismic Postcss error on generate #17

Open kurodaSensei opened 3 years ago

kurodaSensei commented 3 years ago

Hi, I am trying to start a project with Nuxt Tailwind and Prismic, I am following your official guide for nuxt, everything is fine in the installation and development, the problem comes when I want to generate my file for production with npm run build, I get the following error:

Captura de pantalla de 2021-04-12 15-12-28

because of this I have not been able to continue with my development and it is a pity.

He saw this issue https://github.com/prismicio/vue-essential-slices/issues/15

But I have tried all the solutions described there and none of them have worked, if anyone knows how to help me solve this problem it would be of great help.

Here is my public repository with the implementation of Nuxt, Prismic and Tailwind css

https://github.com/kurodaSensei/nuxt-tailwind-prismic-case

redjor commented 3 years ago

Any solution?

lihbr commented 3 years ago

Hey, I'm really sorry this issue slipped through our radar. Considering the above, I'd suggest updating dependencies (nuxt, @nuxtjs/tailwindcss especially, except sass-loader) and removing postcss, then giving it another go.

If this still doesn't work let us know here or open a new thread on our community forum

phillysnow commented 3 years ago

One of our users on the forum pointed out another useful part of the solution

The workaround is to add the following in nuxt.config.js...

build: {
    postcss: {
        plugins: {
            'postcss-custom-properties': false
        }
    }
}