質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
npm

npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

ESLint

ESLintは、JavaScriptのための構文チェックツール。全検証ルールを自由に on/offでき、独自のプロジェクトに合わせたカスタムルールを容易に設定することが可能。公開されている様々なプラグインを組み込んで使用することもできます。

JSON

JSON(JavaScript Object Notation)は軽量なデータ記述言語の1つである。構文はJavaScriptをベースとしていますが、JavaScriptに限定されたものではなく、様々なソフトウェアやプログラミング言語間におけるデータの受け渡しが行えるように設計されています。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

TypeScript

TypeScriptは、マイクロソフトによって開発された フリーでオープンソースのプログラミング言語です。 TypeScriptは、JavaScriptの構文の拡張であるので、既存の JavaScriptのコードにわずかな修正を加えれば動作します。

Q&A

0回答

3136閲覧

ESlintのエラー No files matching the pattern

kanabunhalosaka

総合スコア1

npm

npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

ESLint

ESLintは、JavaScriptのための構文チェックツール。全検証ルールを自由に on/offでき、独自のプロジェクトに合わせたカスタムルールを容易に設定することが可能。公開されている様々なプラグインを組み込んで使用することもできます。

JSON

JSON(JavaScript Object Notation)は軽量なデータ記述言語の1つである。構文はJavaScriptをベースとしていますが、JavaScriptに限定されたものではなく、様々なソフトウェアやプログラミング言語間におけるデータの受け渡しが行えるように設計されています。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

TypeScript

TypeScriptは、マイクロソフトによって開発された フリーでオープンソースのプログラミング言語です。 TypeScriptは、JavaScriptの構文の拡張であるので、既存の JavaScriptのコードにわずかな修正を加えれば動作します。

0グッド

0クリップ

投稿2021/03/20 04:30

編集2021/03/21 04:45

TypeScriptのプロジェクトにESlintとprettierを導入しようとしています。
"lint-fix": "eslint --fix './src/**/*.{js,ts}'"
をnpmから実行した際に、以下のエラーが出ます。

--no-error-on-unmatched-pattern

現在の設定ファイルは以下です。

json

1{//package.json 2 "name": "ts_basic", 3 "version": "1.0.0", 4 "description": "", 5 "main": "index.js", 6 "scripts": { 7 "build": "webpack --mode=production", 8 "start": "webpack-cli serve --mode development", 9 "lint-fix": "eslint --fix './src/**/*.{js,ts}'" 10 }, 11 "author": "", 12 "license": "ISC", 13 "devDependencies": { 14 "@typescript-eslint/eslint-plugin": "^4.18.0", 15 "@typescript-eslint/parser": "^4.18.0", 16 "eslint": "^7.22.0", 17 "eslint-config-prettier": "^7.2.0", 18 "husky": "^4.3.6",  19 "lint-staged": "^10.5.3", 20 "prettier": "^2.2.1", 21 "ts-loader": "^8.0.12", 22 "typescript": "^4.2.3", 23 "webpack": "^5.11.0", 24 "webpack-cli": "^4.3.0", 25 "webpack-dev-server": "^3.11.0" 26 }, 27 "husky": { 28 "hooks": { 29 "pre-commit": "lint-staged" 30 } 31 }, 32 "lint-staged": { 33 "src/**/*.{js,jsx,ts,tsx}": [ 34 "npm run lint-fix" 35 ] 36 } 37} 38

js

1module.exports = {//eslintrc.js 2 env: { 3 browser: true, 4 es6: true 5 }, 6 extends: [ 7 "eslint:recommended", 8 "plugin:@typescript-eslint/recommended", 9 "prettier", 10 "prettier/@typescript-eslint", 11 ], 12 plugins: ["@typescript-eslint"], 13 parser: "@typescript-eslint/parser", 14 parserOptions: { 15 "sourceType": "module", 16 "project": "./tsconfig.json" 17 }, 18 root: true, 19 rules: {} 20}

##やったこと
--no-error-on-unmatched-pattern を付け加えると良いそうなので、package.jsonを以下のように変更し実行しました。
https://stackoverflow.com/questions/60345326/eslint-no-files-matching-the-pattern-lint-were-found-please-check-for-typing%EF%BC%89

json

1"lint-fix": "eslint --fix --no-error-on-unmatched-pattern './src/**/*.{js,ts}'"

実行すると、

> ts_basic@1.0.0 lint-fix C:\TypeScript\ts_basic > eslint --fix --no-error-on-unmatched-pattern './src/**/*.{js,ts}'

と表示されるだけで、果たして解決して無事elintが実行されているのかが分かりません。
ご教授お願い致します。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

hoshi-takanori

2021/03/20 06:24

"lint-fix": "eslint --fix './src/**/*.{js,ts}'" に tsx を追加すべきでは。
kanabunhalosaka

2021/03/20 12:52

返信ありがとうございます。 追加して実行してみましたが、変わりありませんでした。
hoshi-takanori

2021/03/20 21:11

React 使ってないので tsx は不要でしたね。失礼しました。 たぶん Windows をお使いだと思いますが、その場合 ' じゃなくて \" にする必要があるようです。 "lint-fix": "eslint --fix \"./src/**/*.{js,ts}\"" https://stackoverflow.com/a/55073722
kanabunhalosaka

2021/03/21 04:40

無事解決出来ました。 本当にありがとうございました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問