vite vue3 引入 element-plus 报错

Question

我根据element-plus官方网站的步骤引入element-plus插件，但是在浏览器的console中打印出错误信息为
环境

  "dependencies": {
    "element-plus": "^1.0.2-beta.40",
    "vue": "^3.0.4",
    "vue-router": "^4.0.6"
  },
  "devDependencies": {
    "typescript": "^4.2.4",
    "sass": "^1.32.11",
    "vite": "^1.0.0-rc.13",
    "@vue/compiler-sfc": "^3.0.4"
  }

main.ts

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

import ElementPlus from 'element-plus';
import 'element-plus/lib/theme-chalk/index.css';
const app = createApp(App)
app.use(router)
app.use(ElementPlus)
app.mount('#app')

报错信息

Uncaught SyntaxError: The requested module '/@modules/lodash/cloneDeep.js' does not provide an export named 'default'

Answer 1

看错误是/@modules/lodash/cloneDeep.js这个引入的错误，也就是引入了lodash的错误，检查一下lodash这个依赖是否安装成功。

已参与了 SegmentFault 思否「问答」打卡，欢迎正在阅读的你也加入。