webpack - Vue 不是构造函数

标签 webpack vuejs2 vue.js webpack-2

我用的是webpack,在chrome中编译运行后报错,不知道怎么解决。

我的代码很简单:

enter image description here

enter image description here

enter image description here

{
  "devDependencies": {
    "babel-core": "^6.23.1",
    "babel-loader": "^6.3.2",
    "babel-plugin-transform-runtime": "^6.23.0",
    "babel-preset-es2015": "^6.22.0",
    "babel-runtime": "5",
    "css-loader": "^0.26.1",
    "html-webpack-plugin": "^2.28.0",
    "vue-hot-reload-api": "^2.0.9",
    "vue-html-loader": "^1.2.3",
    "vue-loader": "10.0.3",
    "vue-style-loader": "^2.0.0",
    "vue-template-compiler": "^2.1.10",
    "webpack": "^2.2.1",
    "webpack-dev-server": "^2.4.1"
  },
  "dependencies": {
    "vue": "^2.1.10"
  }
}

最佳答案

Vue 是该库的默认导出,因此您可以像这样导入。

import Vue from 'vue'

关于webpack - Vue 不是构造函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42343778/

相关文章:

angular - 如何创建所有脚本加载器都支持的angular2库

javascript - 从本地网络访问 Webpack Dev Server? (在手机上 React 热重载)

unit-testing - 如何在 vue 2 的组件的根元素上测试事件?

vuejs2 - Vue : v-if "TypeError: Cannot read property ' length' of undefined"

vue.js - Vue cli 3 项目,图像路径中的动态 src 不起作用

node.js - 如何解决 "TypeError: process.getuid is not a function"

Vue.js 强制计算属性重新计算?

vue.js - 删除图标按钮上的波纹效果

javascript - 如何从 Vue.js 中的 URL 获取查询参数?

javascript - 升级后过滤货币不起作用