tailwindcss
tailwindcss copied to clipboard
[postcss] Cannot use 'import.meta' outside a module
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,
}
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"
}
}
+1
@1286857295 What version of node.js do you use ? you need to use at least version 22.
@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.