项目启动正常,但是页面不显示且打印报错

Uncaught SyntaxError: The requested module '/node_modules/.vite/deps/vue.js?v=84e66e8d' does not provide an export named 'Vue' (at main.js:9:10)

解决方法:

main.js文件vue引入问题

在vue3中错误的使用了vue2的引入方法

vue2  main.js

import { Vue } from 'vue'
import App from './App.vue'
import router from './router/index'
import pinia from './stores/index'



// css样式重置
import 'normalize.css'
import './assets/css/index.css'
// 2. 引入组件样式
import 'vant/lib/index.css';



//创建vue对象,直接在里面挂载router和store
new Vue({
  router,
  pinia,
  render: h => h(App)
}).$mount('#app')

vue3  main.js

import { createApp } from 'vue'  
import App from './App.vue'
import router from './router/index'
import pinia from './stores/index'

// 1. 引入你需要的组件
import { Button} from 'vant';


// css样式重置
import 'normalize.css'
import './assets/css/index.css'
// 2. 引入组件样式
import 'vant/lib/index.css';



createApp(App).use(router).use(pinia).use(Button).mount('#app') 

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐