Rails + Vueの環境構築時に”Uncaught TypeError: *** is not a constructor”が出る

Question

お世話になっております。

Rails + Vueの環境構築時に「コンストラクターがない」というエラーが出て解決できずにいます。ご助言いただけると幸いです。

前提事項

rails 6.1.5
vue 2.6.14
vuetify v2.6.4

エラー内容

Uncaught TypeError: ... is not a constructorというエラーにより、VueのHello Vue!が表示されない。

hello_vue.js:12 Uncaught TypeError: vue__WEBPACK_IMPORTED_MODULE_0__.default is not a constructor
    at HTMLDocument.<anonymous> (hello_vue.js:12:1)

/* eslint no-console: 0 */
// Run this example by adding <%= javascript_pack_tag 'hello_vue' %> (and
// <%= stylesheet_pack_tag 'hello_vue' %> if you have styles in your component)
// to the head of your layout file,
// like app/views/layouts/application.html.erb.
// All it does is render <div>Hello Vue</div> at the bottom of the page.

import Vue from 'vue'
import App from '../app.vue'

document.addEventListener('DOMContentLoaded', () => {
  const app = new Vue({   <=ここでエラー発生
    render: h => h(App)
  }).$mount()
  document.body.appendChild(app.$el)

  console.log(app)
})

経緯

作りたてのRailsプロジェクトでのエラーです。

Rails new

$ rails _6.1.5_ new . -d mysql --skip-test --webpack=vue

データベース作成

$ rails db:create

コントローラー作成

rails g controller home index

ルーティングも完了し、homeビューの表示まで正常に動作しています。

参考：https://qiita.com/Ryoga_aoym/items/e1d91351389904240594

お忙しいところ申し訳ありませんが、ご助言いただけると幸いです。

Comments

[sousuke]

vueは本当にv2.6なんですか？vueは最新バージョンではnew Vue()できなくなっています。

[hajsu00]

コメントありがとうございます。
`$ npm list vue`で確認したところ、v2.6.14がインストールされていました。
```
rails-vue-test@0.1.0 /Users/***/Documents/project/rails-vue-test
├── vue@2.6.14
└─┬ vuetify@2.6.4
└── vue@2.6.14 deduped
```

Answer 1

方針変更でVueの採用を見送ったため、一旦質問を取り下げます。
必要に応じて再掲載します。