element-plus引入無效 vue3



報錯的代碼:
`import { createApp } from 'vue'
import router from './router'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import App from './App.vue'

console.log(ElementPlus, 'ElementPlus');

const app = createApp(App)
app.use(router);
app.use(ElementPlus);

app.mount('#app')
`
按照官網寫的一直報elementPlus未引入,看代碼又引入,實際上因為路徑問題未真正的引入模塊

修改成以下代碼:

`import { createApp } from 'vue'
import router from './router'
import ElementPlus from '../node_modules/element-plus'
import 'element-plus/dist/index.css'
import App from './App.vue'

console.log(ElementPlus, 'ElementPlus');

const app = createApp(App)
app.use(router);
app.use(ElementPlus);

app.mount('#app')`
把模塊引入路徑強制改成絕對路徑,保證能從node_modules里引入的element-plus


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM