vite + vue3 + tailwind 启动之后报错

vite + vue3 + tailwind 打开页面是报如下错误

npm i -d sass 安装 sass 即可

这个sass-embedded包是sass包的一个替代方案。它与sass支持相同的JS API,并且由同一团队维护。但不同的是,sass包是纯JavaScript实现的,而sass-embedded是围绕原生Dart可执行文件的JavaScript包装器。这意味着sass-embedded通常速度更快,特别是对于大型Sass编译任务,但它只能安装在Dart支持的平台上:Windows、Mac OS和Linux。

尽管是两个不同的包,但由于它们具有相同的底层实现,sass和sass-embedded都被视为"Dart Sass"。自sass-embedded包的第一个稳定版本发布以来,这两个包就同时发布并共享相同的版本号。

···cmd

17:24:19 [vite] (client) Pre-transform error: Preprocessor dependency "sass-embedded" not found. Did you install it? Try npm install -D sass-embedded.

Plugin: vite:css

···

cmd 复制代码
17:24:19 [vite] (client) Pre-transform error: Preprocessor dependency "sass-embedded" not found. Did you install it? Try `npm install -D sass-embedded`.
  Plugin: vite:css
  File: F:/vscodeProjects/vue-admin-template-3/vue-admin-tempate-3/src/styles/index.scss
17:24:20 [vite] Internal server error: Preprocessor dependency "sass-embedded" not found. Did you install it? Try `npm install -D sass-embedded`.
  Plugin: vite:css
  File: F:/vscodeProjects/vue-admin-template-3/vue-admin-tempate-3/src/styles/index.scss
      at loadPreprocessorPath (file:///F:/vscodeProjects/vue-admin-template-3/vue-admin-tempate-3/node_modules/vite/dist/node/chunks/dep-BZMjGe_U.js:48998:13)
      at loadSassPackage (file:///F:/vscodeProjects/vue-admin-template-3/vue-admin-tempate-3/node_modules/vite/dist/node/chunks/dep-BZMjGe_U.js:49013:19)
      at process (file:///F:/vscodeProjects/vue-admin-template-3/vue-admin-tempate-3/node_modules/vite/dist/node/chunks/dep-BZMjGe_U.js:49289:27)
      at compileCSSPreprocessors (file:///F:/vscodeProjects/vue-admin-template-3/vue-admin-tempate-3/node_modules/vite/dist/node/chunks/dep-BZMjGe_U.js:48412:34)
      at compileCSS (file:///F:/vscodeProjects/vue-admin-template-3/vue-admin-tempate-3/node_modules/vite/dist/node/chunks/dep-BZMjGe_U.js:48470:38)
      at async TransformPluginContext.transform (file:///F:/vscodeProjects/vue-admin-template-3/vue-admin-tempate-3/node_modules/vite/dist/node/chunks/dep-BZMjGe_U.js:47837:11)     
      at async file:///F:/vscodeProjects/vue-admin-template-3/vue-admin-tempate-3/node_modules/vite-plugin-inspect/dist/index.mjs:1128:17
      at async EnvironmentPluginContainer.transform (file:///F:/vscodeProjects/vue-admin-template-3/vue-admin-tempate-3/node_modules/vite/dist/node/chunks/dep-BZMjGe_U.js:47214:18) 
      at async loadAndTransform (file:///F:/vscodeProjects/vue-admin-template-3/vue-admin-tempate-3/node_modules/vite/dist/node/chunks/dep-BZMjGe_U.js:41025:27)
      at async viteTransformMiddleware (file:///F:/vscodeProjects/vue-admin-template-3/vue-admin-tempate-3/node_modules/vite/dist/node/chunks/dep-BZMjGe_U.js:42469:24)
相关推荐
毕设源码-邱学长2 小时前
【开题答辩全过程】以 基于Java的学校住宿管理系统的设计与实现为例,包含答辩的问题和答案
java·开发语言
rookieﻬ°3 小时前
PHP框架漏洞
开发语言·php
炸膛坦客4 小时前
单片机/C/C++八股:(二十)指针常量和常量指针
c语言·开发语言·c++
兑生4 小时前
【灵神题单·贪心】1481. 不同整数的最少数目 | 频率排序贪心 | Java
java·开发语言
颜酱4 小时前
DFS 岛屿系列题全解析
javascript·后端·算法
炸膛坦客5 小时前
单片机/C/C++八股:(十九)栈和堆的区别?
c语言·开发语言·c++
零雲5 小时前
java面试:了解抽象类与接口么?讲一讲它们的区别
java·开发语言·面试
小码哥_常5 小时前
Java后端定时任务抉择:@Scheduled、Quartz、XXL - Job终极对决
后端
uzong5 小时前
Skill 被广泛应用,到底什么是 Skill,今天详细介绍一下
人工智能·后端·面试
Jay_Franklin5 小时前
Quarto与Python集成使用
开发语言·python·markdown