无法编译 SCSS

Question

所以我正在学习SCSS，我想使用npm将我的SCSS编译成CSS，所以我键入

npm run compile: sass

在我的包.json中的意思是

"scripts": { "compile:sass": "node-sass sass/main.scss css/style.css" },

但是当我写命令时，会出现这个错误消息

Error: Cannot find module 'C:Users(user)OneDriveDesktopCodenode-sassbinnode-sass' at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15) at Function.Module._load (node:internal/modules/cjs/loader:778:27) at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12) at node:internal/main/run_main_module:17:47 { code: 'MODULE_NOT_FOUND', requireStack: [] }

注意：文件名在我的Package.json文件中是正确的

有人知道发生了什么事吗？

如果你需要更多的信息回复，我可以为你提供文件。

Answer 1

据说您没有安装node sass模块您是否尝试过根据文档在项目目录中安装node sasshttps://www.npmjs.com/package/node-sass。

Answer 2

您的SASS文件夹必须与node_modules文件夹位于同一文件夹中，我在引导程序中遇到问题，我在package.json 中编写了脚本

"编译dev"："sass--watch--update--style=扩展的资产/scss:assets/css">

脚本可以查看assets/css文件夹，但不能返回node_modules/bootstraps/scs/中的bootstrap.css文件。

所以解决方案是将node_modules移动到assets文件夹中，或者在node_module所在的同一目录中创建scss文件夹。

然后我将脚本重写为：

"编译dev"："sass--watch--update--style=扩展的scss:assets/css">

它发挥了魅力。

Answer 3

您的脚本是错误的：尝试：

"scripts":{
"compile:sass":"sass --watch sass/main.scss:css/style.css"
}

--watch-这是一个实时编译命令，所以当它运行时，每个更改都会实时显示并编译。不要使用节点sass，它只是用来调用程序的sass。

所以基本上使用sass调用程序--watch来告诉程序在每次更改后进行编译，sass/main.scss是您的sass文件，它将被编译为css/style.css文件。