内部服务器错误：未找到预处理器依赖项“sass”。你安装了吗？

Question

我使用 vite 创建了一个新的 VUE 3 和 typescript 应用程序。后来我安装了primevue和primeflex。当我运行 npm run dev 时，出现以下错误：

我该如何解决？我的仓库，如果这能说明问题的话。

Answer 1

安装 sass 包。

npm install --save-dev sass

Answer 2

您的存储库不会显示sass为开发依赖项。

正如@justsomexanda所提到的，您应该sass使用您选择的包管理器将包安装到您的开发依赖项中：

yarn add -D sass

# or:
npm add --save-dev sass

然后，停止并重新启动您的开发服务器以确保考虑到更改：

yarn dev

# or:
npm run dev

请注意，安装sass软件包后，如果不重新启动开发服务器，HMR 将无法直接运行，从而导致出现您提到的错误消息：“未找到预处理器依赖项“sass”。您安装了吗？” 。

有关更多详细信息，请参阅有关 CSS 预处理器的 Vite 文档。

Answer 3

如果您正在使用 Vite JS 并为项目安装 Sass。

请按照以下命令使其工作：

1. npm add --save-dev node-sass或者yarn add --save-dev node-sass
2. npm add --save-dev sass或者yarn add --save-dev sass

现在运行开发并检查。

如果您仍然遇到任何错误，请在评论中分享错误。