かもメモ

自分の落ちた落とし穴に何度も落ちる人のメモ帳

npm script ESlint で No files matching the pattern なエラーにハマる。

npm ESLint Node.js JavaScript Tips

React のプロジェクトに ESlint + Prettier でフォーマットする仕組みを入れたのですが、npm script で lint を走らせようとしたら、パターンマッチしないというエラーが出て少しハマったのでメモ

問題の npm script

// package.json
"scripts": {
  "lint": "eslint --fix src/**/{*.js,*.jsx}"
}

👇表示されるエラー

$ yarn run lint

$ eslint --fix src/**/{*.js,*.jsx}

Oops! Something went wrong! :(
ESLint: 6.8.0.

No files matching the pattern "src/**/*.jsx" were found.
Please check for typing mistakes in the pattern.

error Command failed with exit code 2.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

npm script のパターンマッチは ' (シングルコーテーション) で囲って上げる必要がある

実はglobパターンを利用してファイルを再帰的にマッチさせるには、シングルクォーテーションで囲んであげる必要があります。
cf. ESLintのglobパターンがマッチしない問題の対処 - Qiita

シングルコーテーションで囲ってあげないと再帰的にファイルマッチをしないﾄﾉｺﾄ。

package.json の npm script を修正します

"scripts": {
  "lint": "eslint --fix 'src/**/{*.js,*.jsx}'"
}

これでオケオケオッケー👌
　
うろ覚えで書いてハマるのやりがち…
時間がある時は調べてちゃんと知識に出来るけど、急ぎの案件のときなどで自信なかったら以前のちゃんと動いてるプロジェクトのコードを見返すべきですね〜

触ってないと直ぐ忘れる… まじお前は鳥あたまかｯ!!ってなるけど、流石に慣れてきちゃって我ながら見事な忘れっぷり!!ってなってる。(若年認知症じゃなきゃいいんだけど、睡眠不足ヤバいって聞くからﾁｮｯﾄ不安…
今年はちゃんと健康診断行くぞ〜！おー！！！

[参考]

Node.jsデザインパターン 第2版

Node.jsデザインパターン 第2版

君に会えたら何て言おう (フィールコミックス)

君に会えたら何て言おう (フィールコミックス)

ねむようこ先生の漫画すき