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

相关推荐
欣然~3 小时前
法律案例 PDF 批量转 TXT 工具代码
linux·前端·python
一个小废渣3 小时前
Flutter Web端网络请求跨域错误解决方法
前端·flutter
符文师4 小时前
css3 新特性
前端·css3
ct9784 小时前
WebGL开发
前端·gis·webgl
C_心欲无痕5 小时前
前端页面渲染方式:CSR、SSR、SSG
前端
果粒蹬i5 小时前
生成式 AI 质量控制:幻觉抑制与 RLHF 对齐技术详解
前端·人工智能·easyui
WordPress学习笔记6 小时前
解决Bootstrap下拉菜单一级链接无法点击的问题
前端·bootstrap·html
Never_Satisfied6 小时前
C#插值字符串中大括号表示方法
前端·c#
踢球的打工仔6 小时前
typescript-类
前端·javascript·typescript
天天打码7 小时前
Svelte-无虚拟DOM、极致性能的现代高性能Web开发框架!
前端·node.js·vue·svelte