解决cli4 - “export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘

出现警告:

"export 'default' (imported as 'VueRouter') was not found in 'vue-router'

"export 'default' (imported as 'Vue') was not found in 'vuer'

---

原因是cli4和cli3不太一样 需要引用相对应的使用的东西

改成

// import Vue from 'vue'
// 不要引用整个Vue cli4默认创建是导入createApp方法
import { createApp } from 'vue'
import App from './App.vue'
import router from './router'


// cli4 直接在createApp后面使用user方法
createApp(App).use(router).mount('#app')
// import VueRouter from 'vue-router'
// 和上面一样 导入需要的东西 不要导入整个
import { createRouter, createWebHashHistory } from 'vue-router'

// 这里不要用VueRouter.来使用方法 直接用导入的
const router = createRouter({
    // 4. 内部提供了 history 模式的实现。为了简单起见,我们在这里使用 hash 模式。
    // 这里也是 直接用导入的
    history: createWebHashHistory(),
    routes, // `routes: routes` 的缩写
})

就没有警告了

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