Nuxt2からNuxt3へ移行する

R-Az

とりあえず参考資料を並べる

R-Az

基本方針

nuxt bridgeは使わない
- そんな大きいアプリケーションなので、一気にいきたい

R-Az

とりあえずnodejsのバージョンをstableにして、nuxtを3へ上げ、他にも必要そうなpackageを入れる

yarn remove nuxt
yarn add nuxt nuxi

R-Az

いらなさそうな連中を削除

yarn remove @nuxtjs/composition-api @nuxt/types @nuxt/typescript-build @nuxt/typescript-runtime

R-Az

npm scriptsをnuxiベースに書き換え
https://nuxt.com/docs/api/commands/dev

R-Az

次はnuxt.config.tsかな

公式には記載なさそうだが、importが必要

import { defineNuxtConfig } from 'nuxt/config'

loadingなど古い設定が残っているので、そこらへんも解消する

R-Az

vuetifyの設定も移行しないといけないっぽいので、やる

yarn remove @nuxtjs/vuetify

R-Az

gtmも移行
https://nuxt.com/modules/nuxt-gtm

yarm remove @nuxtjs/gtm
yarn add --dev @zadigetvoltaire/nuxt-gtm

nuxt-clipboard2もダメポ

R-Az

なんとなく取り敢えずbuildがしたら下記エラーが出る
なんでだ

yarn build
yarn run v1.22.22
$ nuxi build
Nuxt 3.11.2 with Nitro 2.9.6                                                13:54:06

[13:54:07]  ERROR  /Users/raz/xxxxxx/.nuxt/tsconfig.json: Unexpected token '/', "// Generat"... is not valid JSON

  at parse (<anonymous>)
  at Module._extensions..json (node:internal/modules/cjs/loader:1445:39)
  at Module.load (node:internal/modules/cjs/loader:1206:32)
  at Module._load (node:internal/modules/cjs/loader:1022:12)
  at Module.require (node:internal/modules/cjs/loader:1231:19)
  at require (node:internal/modules/helpers:179:18)
  at Object.jiti (node_modules/jiti/dist/jiti.js:1:253841)
  at resolveConfig (node_modules/c12/dist/index.mjs:330:26)
  at extendConfig (node_modules/c12/dist/index.mjs:241:27)
  at loadConfig (node_modules/c12/dist/index.mjs:176:11)



[13:54:07]  ERROR  /Users/raz/xxxxxx/.nuxt/tsconfig.json: Unexpected token '/', "// Generat"... is not valid JSON

error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.