Tailwind style not working

Okirshen commented 3 years ago

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

atinux commented 3 years ago

Please upgrade to latest Nuxt version and follow these instructions: https://tailwindcss.nuxtjs.org/setup

ShyroeJB commented 3 years ago

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

atinux commented 3 years ago

Please create a minimal reproduction with a repo or codesandbox for us to help.

ShyroeJB commented 3 years ago

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

nuxt / vite