Vite + TypeScript + ESLint で作った環境で Multi-Page App の設定をしようとした際に __direname
がエラーになってしまったのでメモ
TypeScript Cannot find name '__dirname'
Cannot find name '__dirname'
のエラーが出る場合は Node の型が無いので @types/node
をインストールする
$ npm i -D @types/node
tsconfig.json
に "types": ["node"]
の設定を追加する
{
"compilerOptions": {
+ "types": ["node"],
ESLint '__dirname' is not defined.eslint (no-undef)
ESLint が node の書き方を許容していないのが原因
.eslintrc.cjs
の env に node: true
を追加すればOK
module.exports = {
env: {
browser: true,
es2021: true,
+ node: true,
},
設定系はやる度になんかハマる…
おわり。
[参考]
ぼっち・ざ・ろっく をみましょう