__WEBPACK__IMPORTED_MODULE_0_VUE__.default is not a constructor

1、错误由来

        学习webpack下配置vue模块,通过npm命令下载vue,测试vue模块是否能用,打包后结果报这样的错误:

__WEBPACK__IMPORTED_MODULE_0_VUE__.default is not a constructor_第1张图片

2、改之前的代码展示

  在main.js文件引入vue模块:

__WEBPACK__IMPORTED_MODULE_0_VUE__.default is not a constructor_第2张图片

  在index.html文件加入mustache代码:

__WEBPACK__IMPORTED_MODULE_0_VUE__.default is not a constructor_第3张图片

3、错误原因:

npm下载的vue2.0版本和vue3.0版本引入方式有些不一样。我的错误原因是下载vue3.0版本做vue2.0版本的引入方式!

4、正确代码展示:

        在main.js文件引入vue模块:

__WEBPACK__IMPORTED_MODULE_0_VUE__.default is not a constructor_第4张图片

       在index.html里运用mustache:(最后该报错消失)

__WEBPACK__IMPORTED_MODULE_0_VUE__.default is not a constructor_第5张图片

 总结:vue2.0版本和vue3.0版本的引入vue模块的方式不太一样,要做好区分。

你可能感兴趣的:(vue,vue.js,javascript,前端)