Nuxt项目执行npm run dev报错:Cannot destructure property 'nuxt' of 'this'
问题排查与解决
错误原因
你遇到的Cannot destructure property 'nuxt' of 'this' as it is undefined错误,核心是版本不兼容:
- 当前使用的
@nuxtjs/tailwindcss@5.3.3是为Nuxt 3设计的版本,无法在Nuxt 2.15.8环境下正常工作。
解决步骤
- 卸载不兼容的高版本tailwindcss模块
npm uninstall @nuxtjs/tailwindcss
- 安装适配Nuxt 2的稳定版本(推荐
4.2.1,该版本完美兼容Nuxt 2并支持Tailwind CSS 3)
npm install @nuxtjs/tailwindcss@4.2.1 --save-dev
- 确认
package.json的devDependencies已更新为:
"@nuxtjs/tailwindcss": "^4.2.1"
- 重新启动开发服务
npm run dev
额外说明
Nuxt 2.15.8已经原生支持PostCSS 8,你当前的postcss@8.4.17版本无需调整,可以正常配合适配版本的tailwindcss模块使用。
内容的提问来源于stack exchange,提问作者pes_g
相关产品推荐
相关产品推荐

