国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

vue3按需導(dǎo)入element-plus報(bào)錯(cuò)Module not found: Error: Can‘t resolve ‘element-plus/es/components/button/

這篇具有很好參考價(jià)值的文章主要介紹了vue3按需導(dǎo)入element-plus報(bào)錯(cuò)Module not found: Error: Can‘t resolve ‘element-plus/es/components/button/。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

由于element-plus版本更新迭代較快,直接安裝npm install element-plus -D會(huì)默認(rèn)安裝最新版本,使用時(shí)可能會(huì)報(bào)錯(cuò):

Module not found: Error: Can't resolve 'element-plus/es/components/button/style/css'

可以安裝這個(gè)穩(wěn)定的版本:

npm i element-plus@1.3.0-beta.5 -D

就可以直接在vue文件中調(diào)用了:

<template>
  <el-row class="mb-4">
    <el-button>Default</el-button>
    <el-button type="primary">Primary</el-button>
    <el-button type="success">Success</el-button>
    <el-button type="info">Info</el-button>
    <el-button type="warning">Warning</el-button>
    <el-button type="danger">Danger</el-button>
  </el-row>
</template>

vue3按需導(dǎo)入element-plus報(bào)錯(cuò)Module not found: Error: Can‘t resolve ‘element-plus/es/components/button/,Vue,vue.js,javascript,前端文章來源地址http://www.zghlxwxcb.cn/news/detail-660377.html

到了這里,關(guān)于vue3按需導(dǎo)入element-plus報(bào)錯(cuò)Module not found: Error: Can‘t resolve ‘element-plus/es/components/button/的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • vue3 vue.config.js配置Element-plus組件和Icon圖標(biāo)實(shí)現(xiàn)按需自動(dòng)引入

    vue3 vue.config.js配置Element-plus組件和Icon圖標(biāo)實(shí)現(xiàn)按需自動(dòng)引入

    打包時(shí),報(bào)警告,提示包太大會(huì)影響性能 在頁面直接使用,直接使用 SVG 圖標(biāo),當(dāng)做一般的 svg 使用 icon使用時(shí)需要用以下兩種方式方式: 如果用在el-button里面的icon屬性上使用,用SVG方式無效,還是需要引入再使用(不知道有沒有其他方式) 注意: 使用 :icon=\\\"Edit\\\" 則icon的大

    2024年02月06日
    瀏覽(108)
  • Vue3+TS+Vite創(chuàng)建項(xiàng)目,并導(dǎo)入Element-plus和Sass

    Vue3+TS+Vite創(chuàng)建項(xiàng)目,并導(dǎo)入Element-plus和Sass

    1.桌面新建一個(gè)文件夾Vue3-app 打開編輯器導(dǎo)入文件夾,編輯器打開終端輸入或者命令行工具cd到項(xiàng)目目錄下輸入 npm init vue@latest 回車運(yùn)行 這里我選擇了TS+Vite來開發(fā),并選擇安裝路由 2.cd到 vue-project目錄下 輸入 npm install 回車運(yùn)行 3.安裝完成后 輸入 npm run dev 回車運(yùn)行 瀏覽器打開

    2024年02月16日
    瀏覽(24)
  • Vue3 element-plus el-select 無法選中,又不報(bào)錯(cuò)

    Vue3 element-plus el-select 無法選中,又不報(bào)錯(cuò)

    html 結(jié)構(gòu) js 代碼 點(diǎn)擊下拉選項(xiàng),輸入框無法選中 原因:ref=“conditionForm” 和 :model=“conditionForm” 沖突了, 4-1. 再Vue2里面 :model=“conditionForm” 綁定的是 conditionForm 變量, ref=“conditionForm” 綁定的是conditionForm字符串 v-model=“conditionForm.personnel” 綁定的 conditionForm 變量下屬性

    2023年04月27日
    瀏覽(26)
  • vue3使用element-plus

    vue3使用element-plus

    element-ui 是配合 vue2 使用,element-plus 是配置 vue3 使用的 1. 包管理器的方式 如果是使用?webpack 或者 vite 打包工具新建的項(xiàng)目 2. 瀏覽器直接導(dǎo)入 直接通過瀏覽器的 HTML 標(biāo)簽導(dǎo)入 Element Plus,然后就可以使用全局變量 ElementPlus 1. 導(dǎo)入全部組件且注冊(cè)所有的圖標(biāo) 聲明使用 ElementPl

    2024年02月08日
    瀏覽(35)
  • vue3 element-plus 實(shí)現(xiàn)圖片預(yù)覽

    vue3 element-plus 實(shí)現(xiàn)圖片預(yù)覽

    element-plus下有這么一個(gè)組件 el-image-viewer /,但是這個(gè)組件是沒寫在文檔上面的,像普通組件一樣使用即可 可以通過點(diǎn)擊按鈕實(shí)現(xiàn)圖片預(yù)覽,而非el-image組件只能通過點(diǎn)擊圖片實(shí)現(xiàn)預(yù)覽 2.1封裝組件 2.3組件使用 在需要使用的地方引入,然后使用即可,這不是重點(diǎn),每個(gè)人使用的

    2024年02月15日
    瀏覽(28)
  • Vue3 封裝 element-plus 圖標(biāo)選擇器

    Vue3 封裝 element-plus 圖標(biāo)選擇器

    效果一: 效果二: ? 效果一的這個(gè)是把全部的icon圖標(biāo)都讓它顯示出來,讓我們自己選擇說選圖標(biāo) 2.1. 全局注冊(cè) icon 組件 2.2. 組件實(shí)現(xiàn)? 2.3. 使用? 效果二的這個(gè)是渲染后端返回的icon圖標(biāo) 3.1. 全局注冊(cè) icon 組件 3.2. 組件實(shí)現(xiàn)? 3.3. 使用?

    2024年02月07日
    瀏覽(240)
  • vue3項(xiàng)目搭建并配置element-plus

    安裝完成后,輸入如下指令查看vue的版本: 選擇一個(gè)要存放項(xiàng)目的目錄,打開小黑窗輸入如下命令: 一開始輸入項(xiàng)目名稱或者默認(rèn)vue-project,然后根據(jù)需求選擇Yes/No 生成完項(xiàng)目后,輸入如下指令: src/main.js里引入 index.css的文件位置根據(jù)實(shí)際情況寫,也有可能是 const app后面加

    2024年02月13日
    瀏覽(30)
  • vue3+element-plus上傳文件,預(yù)覽文件

    vue3+element-plus上傳文件,預(yù)覽文件

    vue3+ts+element-plus上傳文件,預(yù)覽文件 場景:使用element-plus的el-upload標(biāo)簽,手動(dòng)上傳文件,可預(yù)覽docx,xlsx,pdf,jpg,jpeg,png(本地資源以及網(wǎng)絡(luò)資源)。 1、使用el-upload標(biāo)簽 檢查上傳文件的文件格式與大小 上傳的附件信息在fileList中,組裝接口所需數(shù)據(jù)進(jìn)行上傳 使用docx-preview插件預(yù)覽

    2024年02月11日
    瀏覽(37)
  • Webpack項(xiàng)目學(xué)習(xí):Vue-cli(腳手架)-優(yōu)化配置 -ui庫element-plus+減小打包體積 -按需加載+自定義主題+優(yōu)化

    Webpack項(xiàng)目學(xué)習(xí):Vue-cli(腳手架)-優(yōu)化配置 -ui庫element-plus+減小打包體積 -按需加載+自定義主題+優(yōu)化

    安裝 全部引入,在入口文件main.js ?啟動(dòng):npm start ?按需引入 需要插件快速開始 | Element Plus (gitee.io) ? ? 更改默認(rèn)配置 主題 | Element Plus (gitee.io) ? ?如果有模塊沒有安裝 ,安裝一下即可 優(yōu)化 關(guān)閉性能分析 文件單獨(dú)打包 做緩存-

    2024年02月08日
    瀏覽(102)
  • vue3+element-plus 表單輸入框無法輸入

    vue3+element-plus 表單輸入框無法輸入

    Element-Plus在進(jìn)行reactive在對(duì)登錄用戶密碼輸入輸入時(shí)失效,最后發(fā)現(xiàn)是el-form,在進(jìn)行ref和model進(jìn)行綁定的時(shí)候,綁定的屬性名稱都是一致的,導(dǎo)致界面無法輸入,如下圖所示都綁定的是:loginForm,代碼入下圖所示: 此時(shí)界面操作輸入框,是無法編輯的: 而el-form修改的model=\\\"logi

    2024年02月11日
    瀏覽(27)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包