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

相关推荐
漂流瓶jz2 小时前
解锁Babel核心功能:从转义语法到插件开发
前端·javascript·typescript
周小码2 小时前
shadcn-table:构建高性能服务端表格的终极解决方案 | 2025最新实践
前端·react.js
大怪v2 小时前
老乡,别走!Javascript隐藏功能你知道吗?
前端·javascript·代码规范
webYin3 小时前
vue2 打包生成的js文件过大优化
前端·vue.js·webpack
gnip3 小时前
结合Worker通知应用更新
前端·javascript
叶玳言3 小时前
【LVGL】从HTML到LVGL:嵌入式UI的设计迁移与落地实践
前端·ui·html·移植
高级测试工程师欧阳3 小时前
HTML 基本结构
前端
Gazer_S3 小时前
【Element Plus 表单组件样式统一 & CSS 文字特效实现指南】
前端·css·vue.js
蔗理苦3 小时前
2025-09-04 HTML1——环境配置与简介
css·vscode·html
一只小阿乐3 小时前
Html重绘和重排
前端·html