投稿日：
2019年10月24日
最終更新日：
【TypeScript】「Calls to ‘console.error’ are not allowed.」の警告が出た時の原因と解決方法まとめ【ビルドエラー】
YouTubeも見てね♪
Anker PowerCor
旅行には必須の大容量モバイルバッテリー！
【最新機種】GoPro hero11 Black
created by Rinker
¥61,300
(2025/01/05 20:59:47時点 楽天市場調べ-詳細)
最新機種でVlogの思い出を撮影しよう！
[ノースフェイス] THE NORTH FACE メンズ アウター マウンテンライトジャケット
防水暴風で耐久性抜群なので旅行で大活躍です！
レッドブル エナジードリンク 250ml×24本
翼を授けよう！
Bauhutte ( バウヒュッテ ) 昇降式 L字デスク ブラック BHD-670H-BK
メインデスクの横に置くのにぴったりなおしゃれな可動式ラック！
MOFT X 【新型 ミニマム版】 iPhone対応 スマホスタンド
Amazon一番人気のスマホスタンド！カード類も収納出来てかさ張らないのでオススメです！
サンディスク microSD 128GB
スマホからSwitchまで使える大容量MicroSDカード！
consoleを使うと警告が出る
TypeScriptを使っている際に、ログ出力のためにconsole.error()などを使うと以下のような警告が出るようになります。
|
1
2
3
4
5
6
7
8
|
WARNING in /Users/blogenist/Develop/sample/src/App.vue
106:9 Calls to 'console.error' are not allowed.
104 | })
105 | .catch(err => {
> 106 | console.error("Copy Error.", err);
| ^
107 | });
108 | }
|
これは、TypeScriptの環境ではconsole.error()を使用する事は許可されていないようです。
もちろん、別の記述に変えれば良いのですが使いたい場合はtslint.jsonに一行追加するだけで警告が出なくなるのでご紹介致します。
手順
tslint.jsonに追記
解決方法はとても簡単で、tslint.jsonのrulesに以下を追加すれば使用しても警告が出なくなります。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
{
"defaultSeverity": "warning",
"extends": ["tslint:recommended"],
"linterOptions": {
"exclude": ["node_modules/**"]
},
"rules": {
"indent": [true, "spaces", 2],
"interface-name": false,
"no-consecutive-blank-lines": false,
"object-literal-sort-keys": false,
"ordered-imports": false,
"quotemark": [true, "double"],
"trailing-comma": [true, "never"],
"curly": true,
"arrow-parens": [2, "always"],
"no-console": [false] // 追加
}
}
|
とても簡単ですね！
終わりに
以上のように、原因さえ分かれば簡単に警告を消す事が出来ました。
お困りの際はぜひこのやり方を試してみてください♪