Hello World の次はルーティングです。
chatGPT はすぐに解決してくれるだろうと思ったのですが、いくらやっても凄まじいエラーが。
プロジェクト作成時に手動で「Router」
いくらやっても chatGPT では解決できないので、ネットで調べてみました。
とてもわかりやすいサイトを見つけました。
まずは、プロジェクトを作成します。
その際に、一番下の「Manually select features」を選択します。
vue create vue-router
Vue CLI v4.5.11
? Please pick a preset:
Default ([Vue 2] babel, eslint)
Default (Vue 3 Preview) ([Vue 3] babel, eslint)
❯ Manually select features
その後は、だいたいデフォルトでいいようですが、以下の画面では「In package.json」を選択します。
? Where do you prefer placing config for Babel, PostCSS, ESLint, etc.? (Use arrow keys)
In dedicated config files
❯ In package.json
起動して表示
サーバーを起動します。
cd ~/vue-router
npm run serve
http://localhost:8080/ にアクセス。
この画面で「About」をクリックすると、
プロジェクトは他のマシンにコピーできるか？
テザリング環境なので、120 MB のプロジェクトをそのままコピーして他のマシンで動かそうしたのですが、エラーになります。
以下のようにするといいようです。
rm -rf node_modules package-lock.json && npm install
