かもメモ

自分の落ちた落とし穴に何度も落ちる人のメモ帳

Vite TypeScript __direname がエラーになる

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,
  },

設定系はやる度になんかハマる…
おわり。


[参考]

ぼっち・ざ・ろっく をみましょう