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

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

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐