なるの備忘録

エンジニアリングそして営業ができるエンジニアに向けて、日々学んだことをアウトプットしていきます。

yarnでnode-sassのライブラリを使うと「An output directory must be specified when compiling a directory」とエラーが出る

単なる打ち間違いですが、わりとハマってしまったのでメモ。

jsonファイルの中身

{
  "name": "test",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "build-css": "node-sass --include-path scss scss/style.scss css/style.css",
    "watch-css": "nodemon -e scss -x \"npm run build-css\""
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "node-sass": "^4.11.0",
    "nodemon": "^1.18.11"
  }
}

node-sassのライブラリをbuild-cssというコマンドを作成して実施しようとしています。

ターミナルでの実行およびエラー画面

$ yarn build-css
yarn run v1.15.2
$ node-sass --include-path scss scss/style.scss css/style.css
An output directory must be specified when compiling a directory
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

yarnでbuild-cssを実行。
「An output directory must be specified when compiling a directory」、すなわち「ディレクトリをコンパイルするときは、出力ディレクトリを指定する必要があります。」と怒られていますね。

結論

・出力するディレクトリではなく、読み取る側のディレクトリ名が間違っていました。
「誤:sccsディレクトリ内にstyle.scssを格納」⇛「正:scssディレクトリ内にstyle.scssを格納」

エラーメッセージに引っ張られすぎた…