TypeScriptでcreate-react-appを使い始めました
create-react-app my-app --scripts-version=react-scripts-ts
デフォルトのtslint.json構成ではconsole.log()が許可されていません。
どうしたら(今のところ)console.logを有効にできますか?
これに関するドキュメントは https://palantir.github.io/tslint/rules/no-console/ にあります。しかし、彼らはこの行をどこに置くべきかを言っていません:
"no-console": [true, "log", "error"]
私はこの tslint.json構成ファイルの構文 を検索して見つけたので、これを試してみました。
"rules": {
"no-console": [true, "warning"]
}
ログメッセージを取得しようとしましたが、これは単なる警告です。しかし、それはうまくいきませんでした。
私はいくつかのconsole.log()行をコメントアウトしましたが、将来これを実行できるようにしたいと思います。
エラーメッセージが一度だけ表示されないようにするには、// tslint:disable-next-line:no-console
を呼び出す直前の行にconsole.log
を追加します。
このルールを無効にしたい場合は、tslint.json
に次の行を完全に追加してください(おそらくルートフォルダにあります)。
{
"rules": {
"no-console": false
}
}
javascriptとTypeScriptの混合コードベースを使用してここに来ている皆さんのために。
JsRules、javascriptファイル用のjslints規則オブジェクト、つまりjavascriptとTypeScript用に別々の規則オブジェクトがある場合は、 'no-console'オプションを定義する必要があります。
//tslint.json
{
"extends": ["tslint:recommended", "tslint-react", "tslint-config-prettier"], //Example...
"rules": {
"no-console": false //Disable for TypeScript
},
"jsRules": {
"no-console": false //Disable for javascript
}
}
ドキュメントによると: https://eslint.org/docs/user-guide/getting-started#configuration
ところで、あなたの正しい設定は次のようになります。
{
"rules": {
"no-console": false
}
}
これは、コンソールなしのルール(またはそれ以外のルール)を定義するための正しい構文ですが、エラーではなく警告のみを使用します(明らかにオプションを必要なものに変更します)。
"no-console": {
"severity": "warning",
"options": [
"log",
"error",
"debug",
"info",
"time",
"timeEnd",
"trace"
]
},
以下をtslint.json
に追加してください
{
"rules": {
"no-console": {
"severity": "warning",
}
}
}