Npm 使用package.json中的脚本自动编译将SCS编译为css无效

我要做的事情：我试图通过在我的package.json中设置脚本，自动将我的SCS编译为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"
  }
}

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

npm start

我希望我在SCS上所做的更改可以在我的页面上看到，但事实并非如此。 这是你的参考资料。请帮我看看我做错了什么