使用 package.json 中的脚本将 scss 编译为 css 的自动编译不起作用

如何解决使用 package.json 中的脚本将 scss 编译为 css 的自动编译不起作用

我想要做什么：我试图通过在我的 package.json 中设置一个脚本来自动将我的 scss 编译为 css。我正在运行这个编译器和一些我使用 onchange 和 npm-run-all 包设置的监视任务。

我的 package.json 文件代码是这样的

{
  "name": "confusion","version": "1.0.0","description": "This is a website for Ristorante Con Fusion","main": "index.html","scripts": {
    "start": "npm run watch:all","test": "echo \"Error: no test specified\" && exit 1","lite": "lite-server","scss": "sass css/styles.scss css/styles.css","watch:scss": "onchange 'css/styles.scss' -- npm run scss","watch:all": "npm-run-all --parallel watch:scss lite"
  },"author": "","license": "ISC","devDependencies": {
    "lite-server": "^2.3.0","npm-run-all": "^4.1.5","onchange": "^7.1.0"
  },"dependencies": {
    "bootstrap": "^4.6.0","bootstrap-social": "^5.1.1","font-awesome": "^4.7.0","jquery": "^3.6.0","popper.js": "^1.12.9"
  }
}

当我对 scss 进行任何更改并尝试运行以下命令时

npm start

我希望我对 scss 所做的更改在我的页面上可见，但它们没有。 这是 Github repository of the complete project 供您参考。请帮我看看我做错了什么。