創(chuàng)建vue項目安裝element-plus 依賴以及element-plus 插件, 無法啟動服務(wù)

提示如下:

......
Module not found: Error: Package path ./lib/locale/lang/zh-cn is not exported from package ...項目路徑\node_modules\element-plus (see exports field in ...項目路徑\node_modules\element-plus\package.json)



ERROR in ./src/plugins/element.js 2:0-48
Module not found: Error: Package path ./lib/theme-chalk/index.css is not exported from package ...項目路徑\node_modules\element-plus (see exports field in ...項目路徑\node_modules\element-plus\package.json)
 @ ./src/main.js 5:0-51 7:0-18

ERROR in ./src/plugins/element.js 3:0-56
Module not found: Error: Package path ./lib/locale/lang/zh-cn is not exported from package ...項目路徑\node_modules\element-plus (see exports field in ...項目路徑\node_modules\element-plus\package.json)
 @ ./src/main.js 5:0-51 7:0-18

原因

安裝的element-plus 2.4.2 依賴, 里面部分代碼路徑更新了, 導(dǎo)致插件中的配置有問題.

解決方法

源文件 ...項目路徑\src\plugins\element-plus.js

import ElementPlus from 'element-plus'
import 'element-plus/lib/theme-chalk/index.css'
import locale from 'element-plus/lib/locale/lang/zh-cn'

export default (app) => {
  app.use(ElementPlus, { locale })
}

修改

import ElementPlus from 'element-plus'
import 'element-plus/theme-chalk/index.css'
import locale from 'element-plus/es/locale/lang/zh-cn'

export default (app) => {
  app.use(ElementPlus, { locale })
}