前端webpack配置Vue报错bundle.js:1 Uncaught TypeError: e.default is not a constructor

问题遇到的现象和发生背景

最近在学vue，在用webpack配置vue的时候，无法正常使用且报错。已经通过npm install vue

问题相关代码，请勿粘贴截图

这是下载的一些依赖版本

img

main.js中引入vue


//5. 使用Vue进行开发
import Vue from 'vue'

new Vue({
  el: '#app',
  data: {
    message: 'Hello webpack'
  }
})
运行结果及报错内容

错误信息（我不明白为什么bundle.js报错啊 这不是自动生成的吗 还是因为版本原因？）

img

我的解答思路和尝试过的方法
我想要达到的结果

安装的nodejs是什么版本？应该是兼容性的问题。

博主这个问题解决了嘛 该怎么解决的