🌏

Laravel & Inertia & Vue3 を使用時、'route' is not definedと表示される

2024/01/03に公開

発生するエラー

npm run lint を実行すると、以下のエラーが発生する。

npm run lint

> lint
> eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore


/workspace/resources/js/Pages/Auth/ConfirmPassword.vue
  14:15  error  'route' is not defined  no-undef

/workspace/resources/js/Pages/Auth/ForgotPassword.vue
  20:15  error  'route' is not defined  no-undef

...

解決策

route is not defined は指定外のglobalの使用禁止のエラーなので、eslintに明示する。

.eslintrc.cjs
module.exports = {
  ...
  extends: 'eslint:recommended',
  ...
  globals: {
    route: true
  }
}

参考

laravel inertia typescript vue
https://zenn.dev/mbs_code/scraps/ba9e4b91c82899

Discussion