在 CodeSandBox 上快速创建 Nuxt3/Vuetify3 环境

引言

    前回、テンプレートを使わずにNuxt3環境を構築する手順を説明したが、Nuxt3 + Vuetify3のテンプレートがあったので、これを利用して、ハマりどころを説明する。

选择模板

    Nuxt3 Vuetify3 Templateを選択
start_from_template.png

[方案一] 发生对NodeJS版本的警告

node_js_version.png
    NodeJSバージョンを18にupgrade
    1. 参考文献:https://codesandbox.io/docs/learn/environment/vm#configuring-nodejs-version

创建.codesandbox/Dockerfile,并定义以下内容
从 node:18 拉取镜像

根据系统重新启动的消息进行操作。(重新启动)

[迷恋2] “defineNuxtConfig 不是一个函数” 错误。

nuxtconfig_error.png
    nuxt.config.tsの以下を修正
import { defineNuxtConfig } from "nuxt";
    ↓
import { defineNuxtConfig } from "nuxt/config";

成功启动,一切顺利。

    起動ターミナル(正常起動)
terminal_success.png
access_success.png
bannerAds