vue “export ‘default‘ (imported as ‘xxx‘) was not found in ‘xxx‘

vue "export ‘default’ (imported as ‘xxx’) was not found in 'xxx’

这几天新建了一个项目，在写hello world出现以下错误，找了国内很多文章都是无用，原来只是犯了一个低级错误，错误如下

注意查看警告信息

"export ‘AppVuea’ was not found in ‘./App’

vue

<template>
  <div id="app">
      <router-view></router-view>
  </div>
</template>

<script>
import {AppVuea} from './App' 
export default AppVuea
</script>

js`

var data = {

}
var AppVue = {
    name: 'app',
    data() {
        return data
    },
    methods: {

    },
}

export {
    AppVue
}

错误原因是vue中


vue文件中import的变量名和js文件中的export变量名不一样，也就是说Vue中import 中的变量名字得和js中export的变量名一致就解决了

因为js文件中export的变量名为AppVue所以下面把vue文件中import改为AppVue，再运行就ok了