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

相关推荐
lumi.1 小时前
Vue.js 从入门到实践1:环境搭建、数据绑定与条件渲染
前端·javascript·vue.js
二十雨辰1 小时前
vue核心原理实现
前端·javascript·vue.js
影子信息1 小时前
[Vue warn]: Error in mounted hook: “ReferenceError: Jessibuca is not defined“
前端·javascript·vue.js
卷Java1 小时前
CSS模板语法修复总结
java·前端·css·数据库·微信小程序·uni-app·springboot
gihigo19982 小时前
在CentOS上配置SVN至Web目录的自动同步
前端·svn·centos
珍宝商店2 小时前
优雅的 async/await 错误处理模式指南
开发语言·前端·javascript
excel2 小时前
楖览:Vue3 源码研究导读
前端
proud12122 小时前
开源的 CSS 动画库
前端·css·开源
折翼的恶魔2 小时前
HTML媒体标签
前端·html
excel3 小时前
前端项目中的测试分类与实践 —— 以 Vue 项目为例
前端