【Sass】ターミナルnpmコマンドでgulp-cliのインストールが失敗｜原因と解決方法

SPONSORED LINK

勤めている会社で「Sass」の導入が決まりました。

…ということで「Progate」と「Web制作者のためのSassの教科書」を駆使して目下「Sass」の勉強中です。

Sassとは

既存のCSSの機能に加え、条件分岐や繰り返し処理などプログラム的な処理が可能となる言語。導入することによりコーディング作業の効率化やソースコードの可読性・保守性が高まります。

Sassには「LibSass（node-sass）」と「Ruby Sass」の2種類がありますが、ぼくは「LibSass（node-sass）」をチョイス。（教科書で推奨されていたので）

「よっしゃーやってるで！！」と息巻いていたのも束の間。環境構築段階でつまづきました。

ターミナル上に吐き出されるエラー内容

エラーが起きたのは、npmコマンドで「gulp-cli」をグローバルにインストール時。

この記事では、npmコマンドでgulp-cliのインストールをしたにも関わらず、ターミナル上（黒い画面）で無情にも「gulp: command not found」と表示されてしまう”あなた”に送る記事です。

ターミナルnpmコマンドでgulp-cliのインストールが失敗｜エラー内容と原因

npm install –global gulp-cli と入力。

実際の入力画像

すると長文のエラーメッセージが…

吐き出されるエラー内容

npm WARN checkPermissions Missing write access to /usr/local/lib/node_modules
npm ERR! path /usr/local/lib/node_modules
npm ERR! code EACCES
npm ERR! errno -13
npm ERR! syscall access
npm ERR! Error: EACCES: permission denied, access '/usr/local/lib/node_modules'
npm ERR!  { [Error: EACCES: permission denied, access '/usr/local/lib/node_modules']
npm ERR!   stack:
npm ERR!    'Error: EACCES: permission denied, access \'/usr/local/lib/node_modules\'',
npm ERR!   errno: -13,
npm ERR!   code: 'EACCES',
npm ERR!   syscall: 'access',
npm ERR!   path: '/usr/local/lib/node_modules' }
npm ERR! 
npm ERR! The operation was rejected by your operating system.
npm ERR! It is likely you do not have the permissions to access this file as the current user
npm ERR! 
npm ERR! If you believe this might be a permissions issue, please double-check the
npm ERR! permissions of the file and its containing directories, or try running
npm ERR! the command again as root/Administrator (though this is not recommended).

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/●●●●●●●/.npm/_logs/2019-01-20T12_16_10_997Z-debug.log

npm WARN checkPermissions Missing write access to /usr/local/lib/node_modules

npm ERR! path /usr/local/lib/node_modules

npm ERR! code EACCES

npm ERR! errno -13

npm ERR! syscall access

npm ERR! Error: EACCES: permission denied, access '/usr/local/lib/node_modules'

npm ERR! { [Error: EACCES: permission denied, access '/usr/local/lib/node_modules']

npm ERR! stack:

npm ERR! 'Error: EACCES: permission denied, access \'/usr/local/lib/node_modules\'',

npm ERR! errno: -13,

npm ERR! code: 'EACCES',

npm ERR! syscall: 'access',

npm ERR! path: '/usr/local/lib/node_modules' }

npm ERR!

npm ERR! The operation was rejected by your operating system.

npm ERR! It is likely you do not have the permissions to access this file as the current user

npm ERR!

npm ERR! If you believe this might be a permissions issue, please double-check the

npm ERR! permissions of the file and its containing directories, or try running

npm ERR! the command again as root/Administrator (though this is not recommended).

npm ERR! A complete log of this run can be found in:

npm ERR! /Users/●●●●●●●/.npm/_logs/2019-01-20T12_16_10_997Z-debug.log

ぼく

パソコンの動作環境ですが、OSは「Sierra（シエラ）」。バージョンは「10.12.3」です。

エラーがなぜ起きたのか。その理由は最初の行に集約されています。

最初の行に記載されているエラー内容

npm WARN checkPermissions Missing write access to /usr/local/lib/node_modules

実際のエラー画像

これを翻訳すると、「checkPermissions / usr / local / lib / node_modules への書き込みアクセス権がありません」

つまり「お前、誰やねん！？」ってことですね。なので、ターミナルに「いや…このPCのオーナーやで」ということを伝える必要があります。

ターミナルnpmコマンドでgulp-cliのインストールが失敗｜解決方法

解決方法はいたって簡単。先ほど入力したコマンドの冒頭に「sudo」を付けるだけ。

ぼく

sudo npm install –global gulp-cli と入力

実際の入力画像

上記コマンド入力後の表示内容

Password:
/usr/local/bin/gulp -> /usr/local/lib/node_modules/gulp-cli/bin/gulp.js
+ gulp-cli@2.0.1
added 236 packages from 154 contributors in 13.908s

Password: