在Vue3 + Vite 项目安装使用 Tailwind CSS 4.0报错

运行时报错:

ERROR: [plugin: externalize-deps] Failed to resolve "@tailwindcss/vite". This package is ESM only but it was tried to load by `require`.......

查看Vite故障排错文档,找到如下:

我升级node版本到24发现依旧报错,然后在package.json文件中添加"type":"module"然后问题解决:

  • node下载22以上版本。
  • package.json 中添加 "type": "module"

如何下载管理node版本参考:nvm 安装node失败问题记录-CSDN博客

相关推荐
小码哥_常23 分钟前
一文带你吃透Android BLE蓝牙开发全流程
前端
小码哥_常29 分钟前
从“新老交锋”看Retrofit与Ktor
前端
小J听不清1 小时前
CSS 外边距(margin)全解析:取值规则 + 实战用法
前端·javascript·css·html·css3
还是大剑师兰特1 小时前
Stats.js 插件详解及示例(完全攻略)
前端·大剑师·stats
前端小超超1 小时前
Vue计算属性computed:可写与只读的区别
前端·javascript·vue.js
IT_陈寒2 小时前
SpringBoot实战:3个隐藏技巧让你的应用性能飙升50%
前端·人工智能·后端
weixin199701080162 小时前
唯品会商品详情页前端性能优化实战
前端·性能优化
爱学习的程序媛2 小时前
【Web前端】Pinia状态管理详解
前端·vue.js·typescript
爱学习的程序媛2 小时前
“数字孪生”详解与前端技术栈
前端·人工智能·计算机视觉·智慧城市·信息与通信
海石2 小时前
微信小程序开发02:原始人也能看懂的着色器与视频处理
前端·微信小程序·视频编码