Sass main.scss自动更新时出现问题

这是我的main.scss文件和我的所有导入

@import "abstracts/functions";
@import "abstracts/mixins";
@import "abstracts/variables";

@import "base/animations";
@import "base/base";
@import "base/typography";
@import "base/utilities";

@import "components/bg-video";
@import "components/button";
@import "components/cards";
@import "components/composition";
@import "components/feature-box";
@import "components/form";
@import "components/story";

@import "layout/footer";
@import "layout/grid";
@import "layout/header";
@import "layout/navigation";

@import "pages/home";

---

在布局文件夹中创建@import“布局/导航”文件后，我开始出现此问题。除非我在main.scs中进行手动保存，否则似乎不会自动重新加载任何内容，其中包含@imports It only然后更新。我下载了live sass编译器以及vs代码上的sass扩展，并关闭了运行一切的live服务器和终端。然后我开始在vs代码中使用这些扩展和集成终端。。。。我检查了node和npm是否仍在安装，如果我检查了node-v和npm-v以检查其是否已安装，则得到了node版本v14.15.3和npm版本6.14.9。我试图在终端中使用npm install-g node sass命令重新安装节点sass，但我得到一个权限被拒绝的错误。。。该网站现在也完全没有响应，没有任何可点击的东西可以点击，如果我在文件中更改它，页面上也没有任何变化。我不知道如何修复此问题，请帮助。

在scss文件前添加“\ux”。并签入VS代码

/scss
 main.scss
 layout/_header.scss
 layout/_footer.scss

---

它现在似乎是自动重新加载的。我删除了所有package.json、模块文件，重新安装了节点sass，并在终端中设置了一个新的实时服务器。唯一的另一个问题是，按钮和图片的动画都不起作用，因为某种原因，我有两个css样式表，一个名为style.css，另一个名为main.css，它们都位于css文件夹中，这是我的package.json脚本“scripts”：{“compile:sass”：“node sass sass sass/main.scss css/style.css-w”}，因此，我删除了main.css文件和标记为main.css.map的文件

UPDATE*它现在似乎是自动重新加载的。我删除了所有package.json、模块文件，重新安装了节点sass，并在终端中设置了一个新的实时服务器。唯一的另一个问题是，按钮和图片的动画都不起作用，因为某种原因，我有两个css样式表，一个名为style.css，另一个名为main.css，它们都位于css文件夹中，这是我的package.json脚本“scripts”：{“compile:sass”：“node sass sass sass/main.scss css/style.css-w”}，因此我删除了main.css文件和标记为main.css.map的文件。我认为问题在于sass没有正确地转换为css。我遵循一个教程，从github复制粘贴了css style.css文件，一切正常。我开始在sass导航文件中添加一些内容，如果我在sass导航文件中悬停任何内容或单击除UL LI项目以外的任何内容，该站点将返回使动画无法工作的状态。当我在导航文件中注释掉整个sass代码时，网站就会恢复正常，一切正常……因此，每当我在导航sass文件中取消注释代码时，它就会中断