tailwindcss icon indicating copy to clipboard operation
tailwindcss copied to clipboard

[postcss] Cannot use 'import.meta' outside a module

Open 1286857295 opened this issue 2 months ago • 4 comments

When I attempt to run it, it throws an error.

Error {
  stack: "[postcss] Cannot use 'import.meta' outside a module\n" +
  'at createError (D:/PuYuanhao/project/vpn_client/node_modules/h3/dist/index.mjs:71:15)\n' +
  'at D:/PuYuanhao/project/vpn_client/node_modules/@nuxt/vite-builder/dist/index.mjs:423:21)\n' +
  'at async processMessage (D:/PuYuanhao/project/vpn_client/node_modules/@nuxt/vite-builder/dist/index.mjs:405:30)',
  message: "[postcss] Cannot use 'import.meta' outside a module",
  data: {
    code: 'VITE_ERROR',
    id: '/@fs/D:/PuYuanhao/project/vpn_client/node_modules/@nuxtjs/tailwindcss/node_modules/tailwindcss/tailwind.css',
    stack: 'D:\\PuYuanhao\\project\\vpn_client\\node_modules\\@nuxtjs\\tailwindcss\\node_modules\\@nuxt\\kit\\dist\\index.mjs:2244\n' +
    '  if (!import.meta.dev) {\n' +
    '              ^^^^\n' +
    '\n' +
    "SyntaxError: Cannot use 'import.meta' outside a module\n" +
    '    at new Script (node:vm:117:7)\n' +
    '    at createScript (node:vm:269:10)\n' +
    '    at Object.runInThisContext (node:vm:317:10)\n' +
    '    at evalModule (D:\\PuYuanhao\\project\\vpn_client\\node_modules\\tailwindcss\\node_modules\\jiti\\dist\\jiti.js:1:251724)\n' +
    '    at jiti (D:\\PuYuanhao\\project\\vpn_client\\node_modules\\tailwindcss\\node_modules\\jiti\\dist\\jiti.js:1:249841)\n' +
    '    at D:\\PuYuanhao\\project\\vpn_client\\node_modules\\@nuxtjs\\tailwindcss\\dist\\config.cjs:7:13\n' +
    '    at evalModule (D:\\PuYuanhao\\project\\vpn_client\\node_modules\\tailwindcss\\node_modules\\jiti\\dist\\jiti.js:1:251913)\n' +
    '    at jiti (D:\\PuYuanhao\\project\\vpn_client\\node_modules\\tailwindcss\\node_modules\\jiti\\dist\\jiti.js:1:249841)\n' +
    '    at D:\\PuYuanhao\\project\\vpn_client\\node_modules\\@nuxtjs\\tailwindcss\\dist\\config-ctx.cjs:3:16\n' +
    '    at evalModule (D:\\PuYu'... 90 more characters,
    message: "[postcss] Cannot use 'import.meta' outside a module",
  },
  statusCode: 500,
}

1286857295 avatar Nov 14 '25 04:11 1286857295

package.json


{
  "name": "client",
  "type": "module",
  "private": true,
  "scripts": {
    "build": "nuxt build",
    "dev": "nuxt dev",
    "generate": "nuxt generate",
    "preview": "nuxt preview",
    "postinstall": "nuxt prepare"
  },
  "dependencies": {
    "nuxt": "^4.2.1",
    "vue": "^3.5.24",
    "vue-router": "^4.6.3"
  },
  "packageManager": "[email protected]+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e",
  "devDependencies": {
    "@nuxtjs/tailwindcss": "^6.14.0"
  }
}

1286857295 avatar Nov 14 '25 04:11 1286857295

+1

error-code avatar Nov 14 '25 14:11 error-code

@1286857295 What version of node.js do you use ? you need to use at least version 22.

hamidovz avatar Nov 14 '25 19:11 hamidovz

@1286857295 What version of node.js do you use ? you need to use at least version 22.

I've upgraded the node.js and it's now resolved. Thank you.

1286857295 avatar Nov 17 '25 07:11 1286857295