nuxt
Tailwind style not working
Versions
nuxt-vite: v0.0.36 nuxt: v2.14.12
Reproduction
https://github.com/Okirshen/formaster-bug
Description
I started a new nuxt project with SSR, PWA, and vite. after adding vite tailwind stopped working
nuxt.config.js
export default {
// Global page headers: https://go.nuxtjs.dev/config-head
head: {
title: 'formaster',
meta: [
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
{ hid: 'description', name: 'description', content: '' },
],
link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }],
},
// Global CSS: https://go.nuxtjs.dev/config-css
css: [],
// Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
plugins: [],
// Auto import components: https://go.nuxtjs.dev/config-components
components: true,
// Modules for dev and build (recommended): https://go.nuxtjs.dev/config-modules
buildModules: [
// https://go.nuxtjs.dev/tailwindcss
'@nuxtjs/tailwindcss',
'nuxt-vite',
],
// Modules: https://go.nuxtjs.dev/config-modules
modules: [
// https://go.nuxtjs.dev/axios
'@nuxtjs/axios',
// https://go.nuxtjs.dev/pwa
'@nuxtjs/pwa',
// https://auth.nuxtjs.org/guide/setup
'@nuxtjs/auth-next',
],
// Axios module configuration: https://go.nuxtjs.dev/config-axios
axios: {},
auth: {},
// PWA module configuration: https://go.nuxtjs.dev/pwa
pwa: {
manifest: {
lang: 'en',
},
},
// Build Configuration: https://go.nuxtjs.dev/config-build
build: {},
}
UPDATE: upgraded to nuxt v1.15.3, followed the guide and I'm getting a new error
ERROR Transform failed with 17 errors: 14:02:13 server.js:248:10: error: Transforming destructuring to the configured target environment ("chrome61", "edge16", "es2019", "firefox60", "safari11") is not supported yet server.js:314:8: error: Transforming destructuring to the configured target environment ("chrome61", "edge16", "es2019", "firefox60", "safari11") is not supported yet server.js:315:8: error: Transforming destructuring to the configured target environment ("chrome61", "edge16", "es2019", "firefox60", "safari11") is not supported yet server.js:316:8: error: Transforming destructuring to the configured target environment ("chrome61", "edge16", "es2019", "firefox60", "safari11") is not supported yet server.js:327:8: error: Transforming destructuring to the configured target environment ("chrome61", "edge16", "es2019", "firefox60", "safari11") is not supported yet ...
server.js:248:10: error: Transforming destructuring to the configured target environment ("chrome61", "edge16", "es2019", "firefox60", "safari11") is not supported yet server.js:314:8: error: Transforming destructuring to the configured target environment ("chrome61", "edge16", "es2019", "firefox60", "safari11") is not supported yet server.js:315:8: error: Transforming destructuring to the configured target environment ("chrome61", "edge16", "es2019", "firefox60", "safari11") is not supported yet server.js:316:8: error: Transforming destructuring to the configured target environment ("chrome61", "edge16", "es2019", "firefox60", "safari11") is not supported yet server.js:327:8: error: Transforming destructuring to the configured target environment ("chrome61", "edge16", "es2019", "firefox60", "safari11") is not supported yet ... at failureErrorWithLog (node_modules/esbuild/lib/main.js:1195:15) at node_modules/esbuild/lib/main.js:1056:33 at node_modules/esbuild/lib/main.js:566:9 at handleIncomingPacket (node_modules/esbuild/lib/main.js:655:9) at Socket.readFromStdout (node_modules/esbuild/lib/main.js:533:7) at Socket.emit (events.js:315:20) at addChunk (_stream_readable.js:309:12) at readableAddChunk (_stream_readable.js:284:9) at Socket.Readable.push (_stream_readable.js:223:10) at Pipe.onStreamRead (internal/stream_base_commons.js:188:23)
ℹ Waiting for file changes 14:02:13 ℹ Memory usage: 568 MB (RSS: 715 MB) 14:02:13 ℹ Listening on: http://localhost:35953/ 14:02:13
ERROR Transform failed with 17 errors: 14:02:17 server.js:248:10: error: Transforming destructuring to the configured target environment ("chrome61", "edge16", "es2019", "firefox60", "safari11") is not supported yet server.js:314:8: error: Transforming destructuring to the configured target environment ("chrome61", "edge16", "es2019", "firefox60", "safari11") is not supported yet server.js:315:8: error: Transforming destructuring to the configured target environment ("chrome61", "edge16", "es2019", "firefox60", "safari11") is not supported yet server.js:316:8: error: Transforming destructuring to the configured target environment ("chrome61", "edge16", "es2019", "firefox60", "safari11") is not supported yet server.js:327:8: error: Transforming destructuring to the configured target environment ("chrome61", "edge16", "es2019", "firefox60", "safari11") is not supported yet ...
server.js:248:10: error: Transforming destructuring to the configured target environment ("chrome61", "edge16", "es2019", "firefox60", "safari11") is not supported yet server.js:314:8: error: Transforming destructuring to the configured target environment ("chrome61", "edge16", "es2019", "firefox60", "safari11") is not supported yet server.js:315:8: error: Transforming destructuring to the configured target environment ("chrome61", "edge16", "es2019", "firefox60", "safari11") is not supported yet server.js:316:8: error: Transforming destructuring to the configured target environment ("chrome61", "edge16", "es2019", "firefox60", "safari11") is not supported yet server.js:327:8: error: Transforming destructuring to the configured target environment ("chrome61", "edge16", "es2019", "firefox60", "safari11") is not supported yet ... at failureErrorWithLog (node_modules/esbuild/lib/main.js:1195:15) at node_modules/esbuild/lib/main.js:1056:33 at node_modules/esbuild/lib/main.js:566:9 at handleIncomingPacket (node_modules/esbuild/lib/main.js:655:9) at Socket.readFromStdout (node_modules/esbuild/lib/main.js:533:7) at Socket.emit (events.js:315:20) at addChunk (_stream_readable.js:309:12) at readableAddChunk (_stream_readable.js:284:9) at Socket.Readable.push (_stream_readable.js:223:10) at Pipe.onStreamRead (internal/stream_base_commons.js:188:23
error only shows in ssr mode
Please upgrade to latest Nuxt version and follow these instructions: https://tailwindcss.nuxtjs.org/setup
Hello, I have the same bug than explain in the updated part, with
ERROR Transform failed with 17 errors: 14:02:17 server.js:248:10: error: Transforming destructuring to the configured target environment ("chrome61", "edge16", "es2019", "firefox60", "safari11") is not supported yet server.js:314:8: error: Transforming destructuring to the configured target environment ("chrome61", "edge16", "es2019", "firefox60", "safari11") is not supported yet server.js:315:8: error: Transforming destructuring to the configured target environment ("chrome61", "edge16", "es2019", "firefox60", "safari11") is not supported yet server.js:316:8: error: Transforming destructuring to the configured target environment ("chrome61", "edge16", "es2019", "firefox60", "safari11") is not supported yet server.js:327:8: error: Transforming destructuring to the configured target environment ("chrome61", "edge16", "es2019", "firefox60", "safari11") is not supported yet
Nuxt version is the latest
Do we have any news about this bug ?
Thank you very much for your work and futur reply
Please create a minimal reproduction with a repo or codesandbox for us to help.
When I retry to recreate the error I can't see anymore this bug. And when I recreate a minimal project I just see some other errors due to module who are not compatible yet (like fontawesome or auth). So maybe it's due to that my first bug
Sorry for the disturbance