npm SCSS 未编译答案

【问题标题】：npm SCSS not compilingnpm SCSS 未编译
【发布时间】：2020-06-20 11:42:50
【问题描述】：

我已经正确安装了 NPM 并编写了我需要编译的 main.scss 文件。我的“package.json”文件如下所示：

{
  "name": "recreated-site",
  "version": "1.0.0",
  "description": "",
  "main": "bootstrap.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "compile:sass": "node-sass sass/main.scss css/style.css"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "bootstrap": "^4.4.1",
    "sass": "^1.26.2"
  },
  "devDependencies": {
    "node-sass": "^4.13.1"
  }
}

运行命令“npm run compile:sass”时，我收到以下错误消息：

编译目录时必须指定输出目录 npm 错误！代码生命周期 npm 错误！错误号 1 npm 错误！重新创建站点@1.0.0 编译：sass：node-sass sass/main.scss css/style.css npm 错误！退出状态 1 npm 错误！ npm 错误！在 recreated-site@1.0.0 compile:sass 脚本中失败。 npm 错误！这可能不是 npm 的问题。上面可能还有额外的日志输出。

npm 错误！可以在以下位置找到此运行的完整日志： npm 错误！ C:\Users\Dell\AppData\Roaming\npm-cache_logs\2020-03-08T09_13_28_740Z-debug.log

我不知道我做错了什么，因为我是 SASS 的新手。请帮忙！

【问题讨论】：

标签： css node.js npm sass

【解决方案1】：

您似乎在 Windows 上运行，它使用反斜杠 \ 而不是正斜杠 /。

用你的 package.json 中的正斜杠替换你的黑斜杠，如下所示：

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "compile:sass": "node-sass sass\main.scss css\style.css"
},

顺便说一句，我不确定 && 和 exit 1 是否适用于 Windows。

【讨论】：

【解决方案2】：

我遇到了同样的问题，我使用的是 react-js。在 scss 中更改并使用 npm 命令再次编译后，它对我有用。

【讨论】：

请将代码和数据添加为文本（using code formatting，而不是图像。图像：A）不允许我们复制-粘贴代码/错误/数据进行测试； B) 不允许根据代码/错误/数据内容进行搜索；和many more reasons。除了代码格式的文本之外，只有在图像添加了一些重要的东西，而不仅仅是文本代码/错误/数据传达的内容时，才应该使用图像。

【解决方案3】：

在定义 scripts 期间，在我的情况下，我只是删除了 test 行，只保留了 compile:sass 行。以下是我在JSON 文件中使用的scripts：

    "compile:sass":"node-sass sass/main.scss css/style.css -w"
  }

保存后，我在项目位置打开CMD并运行命令npm run compile:sass。

希望对您有所帮助

【讨论】：