使用webpack 在vue项目中 引入 AV报错，

入口文件mian.js中的内容

import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-default/index.css'
import App from './App.vue'
// var AV = require('leancloud-storage');
import  AV from 'leancloud-storage'


Vue.use(ElementUI);



new Vue({
    el: '#app',
    render: h => h(App)
});


AV.init({
    appId: 'xxxxxxxxxxxxxxxx',
    appKey:'xxxxxxxxxxxxxxx',
});








App.vue中的代码




<template>
  <div id="app">
    <img src="./assets/logo.png">
    <h1>云上职院后台管理平台</h1>
    <el-input type="text" auto-complete="on" placeholder="用户名"></el-input>
    <el-input type="password" auto-complete="off" placeholder="密码"></el-input>


      <span class="wrapper">
    <br>
    <br>
<el-button type="info" size="large" >登陆</el-button>
</span>
<br/>
  </div>
</template>
<script>
    export default {
        data () {
            return {

            }
    },

    methods: {

    },
    created(){
        var TestObject = Object.extend('TestObject');
        var testObject = new TestObject();
        testObject.save({
            words: 'Hello World!'
        }).then(function(object) {
            alert('LeanCloud Rocks!');
        })

    }
}
</script>


<style>
  body {
    font-family: Helvetica, sans-serif;
  }
</style>



<style>
#app {
  font-family: Helvetica, sans-serif;
  text-align: center;
}
  .el-input__inner{
    width: 30%;
  }

</style>

VA3R69KTRVLB`1O2AHJ6NZK.png649x949 106 KB

求各斟酌斟酌