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

【Vue】Element-UI按需引入項目啟動報錯解決方法

這篇具有很好參考價值的文章主要介紹了【Vue】Element-UI按需引入項目啟動報錯解決方法。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

原因可能是版本不匹配的原因,Vue-Cli腳手架的版本跟element-ui不一致了,按官網(wǎng)的配置已經(jīng)不太行了。

報錯代碼
Error: Cannot find module 'babel-preset-es2015'

make sure that all the babel plugins and presets you are using are defined a,前端,vue.js,ui,javascript

解決方式

babel.config.jses2015進(jìn)行替換成@babel/preset-env

{
  "presets": [["@babel/preset-env", { "modules": false }]], //es2015 替換成 @babel/preset-env
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}
啟動項目
npm run serve

make sure that all the babel plugins and presets you are using are defined a,前端,vue.js,ui,javascript
make sure that all the babel plugins and presets you are using are defined a,前端,vue.js,ui,javascript
明顯最終的JS文件的大小少了一些。文章來源地址http://www.zghlxwxcb.cn/news/detail-631655.html

到了這里,關(guān)于【Vue】Element-UI按需引入項目啟動報錯解決方法的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

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

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

相關(guān)文章

  • element-ui按需引入

    element-ui按需引入

    1、安裝elment-ui組件庫 官方網(wǎng)站 在項目的根目錄下安裝 element-ui 官方網(wǎng)頁: 2、找到官方文檔 官方網(wǎng)站 3、安裝 babel-plugin-component 在你的項目根目錄下運行該: 如: 4、修改 .babelrc 配置文件 vue-li 的 .babelrc 文件里為 babel.config.js 原來的 babel.config.js 文件: 修改后的 babel.config.j

    2024年02月04日
    瀏覽(21)
  • 引入element-ui步驟(按需引入和全局引入)

    兩種引入方式 1)完整引入 2)按需引入 借助 babel-plugin-component,我們可以只引入需要的組件,以達(dá)到減小項目體積的目的。 a)先安裝 babel-plugin-component: b)修改 babel.config.js 的內(nèi)容 c)創(chuàng)建文件 element.js(名字自定義) d)最后在main.js中添加代碼

    2024年02月16日
    瀏覽(27)
  • 【VUE】4、VUE項目中引入Element-UI

    1、element-ui 官方文檔(中文版) 2、安裝 element-ui 1、進(jìn)入項目目錄下 2、安裝 element-ui 注意: VUE2 使用的是 element-ui,VUE3 使用的是 element-plus 3、引入 element-ui(完整引入) 1、打開 main.js 文件 在 main.js 文件中,引入 element-ui 2、注冊 element-ui 以上代碼便完成了 Element 的引入。需

    2024年02月01日
    瀏覽(28)
  • vue項目引入element-ui的三種方式

    vue項目引入element-ui的三種方式

    通過執(zhí)行命令vue add element來進(jìn)行引入 通過執(zhí)行命令npm i element-ui -S安裝依賴 main.js文件引入element-ui main.js文件全局引入element-ui樣式 安裝babel-plugin-component 修改babel.config.js文件 main.js按需引入組件

    2024年02月11日
    瀏覽(25)
  • Vue2自己封裝的基礎(chǔ)組件庫或基于Element-ui再次封裝的基礎(chǔ)組件庫,如何發(fā)布到npm并使用(支持全局或按需引入使用),超詳細(xì)

    Vue2自己封裝的基礎(chǔ)組件庫或基于Element-ui再次封裝的基礎(chǔ)組件庫,如何發(fā)布到npm并使用(支持全局或按需引入使用),超詳細(xì)

    以下我以 wocwin-admin-vue2 項目為例 修改目錄結(jié)構(gòu),最終如下 1、導(dǎo)入組件,組件必須聲明 name 2、定義 install 方法,接收 Vue 作為參數(shù)。如果使用 use 注冊插件,則所有的組件都將被注冊 3、導(dǎo)出的對象必須具有 install,才能被 Vue.use() 方法安裝(全局使用) 4、按需引入 5、packa

    2024年02月08日
    瀏覽(35)
  • vue2創(chuàng)建項目的兩種方式,配置路由vue-router,引入element-ui

    vue2創(chuàng)建項目的兩種方式,配置路由vue-router,引入element-ui

    提示:vue2依賴node版本8.0以上 使用@vue/cli腳手架vue create創(chuàng)建 使用vue-cli腳手架vue init webpack創(chuàng)建 1、查看nodejs版本 2、全局安裝vue腳手架和webpack腳手架 3、新建vue2項目 創(chuàng)建選項除了,Install vue-router??選擇是,其他選擇的否 4、安裝依賴并啟動文件 5、預(yù)覽 6、目錄結(jié)構(gòu) 1、如果安

    2024年04月14日
    瀏覽(26)
  • NodeJS+Vue+Element-Ui/Plus+Axios+Vue-router+vuex 詳細(xì)下載、安裝、創(chuàng)建項目、引入

    NodeJS+Vue+Element-Ui/Plus+Axios+Vue-router+vuex 詳細(xì)下載、安裝、創(chuàng)建項目、引入

    1.下載過程默認(rèn)下一步 (1)這個是官網(wǎng)全版目錄,下載太慢(一般下載不了);但是它寫了所有nodejs和npm相互對應(yīng)的版本,可以以此為參考、防止版本不對應(yīng); NodeJS各個歷史版本下載 https://nodejs.org/zh-cn/download/releases/ (2)這里有一個快速下載地址,只有16.18.1這個版本,但這

    2023年04月18日
    瀏覽(36)
  • Vue2項目打包時,引入element-ui 配置 CDN 加速時報錯 Cannot read properties of undefined (reading ‘prototype‘)

    Vue2項目打包時,引入element-ui 配置 CDN 加速時報錯 Cannot read properties of undefined (reading ‘prototype‘)

    ?Vue2項目打包優(yōu)化時,引入element-ui 配置 CDN 加速時報錯出現(xiàn)報錯信息:Uncaught TypeError: Cannot read properties of undefined (reading \\\'prototype\\\') 老師說出現(xiàn)這個問題的原因是, 如果你完整引入了 Element,它會為 Vue.prototype 添加如下全局方法:$alert, $promp...... ? ? 所以,如果想要正常使用

    2024年02月16日
    瀏覽(33)
  • 【Vue框架】Vue2中element-ui/mint-ui組件庫——element-ui引入組件以及使用案例、mint-ui引入組件及使用案例

    【Vue框架】Vue2中element-ui/mint-ui組件庫——element-ui引入組件以及使用案例、mint-ui引入組件及使用案例

    element-ui 提供了大量的組件,如:布局組件、表單組件、JS組件等等。 Element-ui官網(wǎng): https://element.eleme.cn/#/zh-CN 安裝 Element-ui: npm i element-ui -S 1.1.1 引入組件 引入 Element 完整引入(在 main.js 中寫入以下內(nèi)容): 按需引入 借助 babel-plugin-component,我們可以只引入需要的組件,以達(dá)到

    2024年02月07日
    瀏覽(32)
  • Vue2 - 引入Element-UI組件樣式

    Vue2 - 引入Element-UI組件樣式

    官方文檔 https://element.eleme.cn/#/zh-CN/component/installation 推薦使用 npm 的方式安裝 ,它能更好地和 webpack 打包工具配合使用。 在終端cd到項目文件夾下安裝 也可以通過CDN(不推薦) 目前可以通過 unpkg.com/element-ui 獲取到最新版本的資源,在頁面上引入 js 和 css 文件即可開始使用。

    2024年02月06日
    瀏覽(25)

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

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

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

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包