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

相关推荐
Magnum Lehar6 分钟前
vulkan游戏引擎的renderer下的vulkan缓冲区实现
java·前端·游戏引擎
_CodePencil_16 分钟前
CSS专题之flex: 1常见问题
前端·css·html·css3·html5
哎呦你好23 分钟前
CSS 文字样式全解析:从基础排版到视觉层次设计
前端·css
哎呦你好23 分钟前
CSS 链接样式全解析:从基础状态到高级交互效果
前端·css
花菜会噎住24 分钟前
网页 CSS美化2(详解)
前端·css·html·基础·网页
yi个名字28 分钟前
Linux环境变量与地址空间
linux·前端·计算机网络
Nejosi_念旧1 小时前
TypeScript 泛型讲解
前端·javascript·typescript
layman05281 小时前
vue——v-pre的使用
前端·javascript·vue.js
Python涛哥1 小时前
前端流行框架Vue3教程:25. 组件保持存活
前端·javascript·vue.js
Hello-Mr.Wang1 小时前
基于 Vue3 与 exceljs 实现自定义导出 Excel 模板
前端·vue.js·excel