cdk init で eslint のエラーが出るので

問題

cdk init で作成したプロジェクトで eslint のエラーが出るのでなんとかしたい。

% mkdir hoge && cd $_
% cdk init app --language typescript
% npx eslint lib/hoge-stack.ts

/path/to/hoge/lib/hoge-stack.ts
  4:20  error  Parsing error: Unexpected token :

✖ 1 problem (1 error, 0 warnings)

対応

TypeScript 関連の eslint パッケージをインストールして .eslintrc.jsの設定する。

% npm i --save-dev eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin
% vim .eslintrc.js

.eslintrc.js

module.exports = {
  "root": true,
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "project": "./tsconfig.json"
  },
  "plugins": [
    "@typescript-eslint"
  ],
  "extends": [
    "eslint:recommended",
    "plugin:@typescript-eslint/eslint-recommended",
    "plugin:@typescript-eslint/recommended"
  ]
};

環境

% cdk --version
1.105.0 (build 4813992)

% node -v
v16.2.0

% npm -v
7.13.0

% sw_vers
ProductName:    macOS
ProductVersion: 11.3.1
BuildVersion:   20E241