NodeJS npm SCSS未编译

bfrts1fy  于 2023-03-17  发布在  Node.js
关注(0)|答案(4)|浏览(167)

我已经正确地安装了NPM,并编写了我需要编译的主.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 ERR!代码ELIFECYCLE npm ERR!错误号1 npm ERR!重新创建的站点@1.0.0 compile:sass:node-sass sass/main.scss css/style.css npm ERR!退出状态1 npm ERR!npm ERR!重新创建站点@1.0.0编译失败:sass script. npm ERR!这可能不是npm的问题。上面可能有其他日志记录输出。
npm ERR!此运行的完整日志可在以下位置找到:npm错误!C:\用户\戴尔\应用程序数据\漫游\npm缓存日志\2020年3月13日28日740 Z调试日志
我不知道我做错了什么,因为我是新来的SASS。请帮助!

qojgxg4l

qojgxg4l1#

看起来您运行的是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上工作。

to94eoyn

to94eoyn2#

我遇到了同样的问题,我使用react-js.在scss中更改后,使用npm命令再次编译它,它对我有效. x1c 0d1x

z31licg0

z31licg03#

在定义scripts的过程中,我删除了test行,只保留了compile:sass行。下面是我在JSON文件中使用的scripts

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

保存后,我在项目位置打开CMD并运行命令npm run compile:sass
"希望这能有所帮助"

mm9b1k5b

mm9b1k5b4#

在大多数情况下,当你没有为你要编译的sass文件给予正确的路径时,你可能会遇到这个问题。仔细检查从packagejson到你要编译的主sass文件的路径。

相关问题