在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博客

相关推荐
南山安14 分钟前
Tailwind CSS:顺风CSS
javascript·css·react.js
milanleon25 分钟前
使用Spring Security进行登录认证
java·前端·spring
excel28 分钟前
🚀 从零开始:如何从 GPTsAPI.net 申请 API Key 并打造自己的 AI 服务
前端
期待のcode1 小时前
@RequestBody的伪表单提交场景
java·前端·vue.js·后端
栀秋6661 小时前
防抖 vs 节流:从百度搜索到京东电商,看前端性能优化的“节奏哲学”
前端·javascript
一颗烂土豆1 小时前
vfit.js v2.0.0 发布:精简、语义化与核心重构 🎉
前端·vue.js·响应式设计
王小菲1 小时前
《网页布局速通:8 大主流方案 + 实战案例》-pink老师现代网页布局总结
css·面试·html
有意义1 小时前
深入防抖与节流:从闭包原理到性能优化实战
前端·javascript·面试
可观测性用观测云2 小时前
网站/接口可用性拨测最佳实践
前端
2503_928411562 小时前
12.26 小程序问题和解决
前端·javascript·微信小程序·小程序