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

【問題+解決】axios/vue/element/echarts引入報錯

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

緣由

筆者在html頁面引用vue來快速實現(xiàn)頁面;<head></head>中通過<script>src=""></script>方法引入,開始引入,應(yīng)用都是正常,后來用了也沒問題;奇怪的是,前幾天發(fā)現(xiàn)html頁面無法出現(xiàn)效果圖
更新線上項目發(fā)現(xiàn),html頁面加載慢;接口請求超時;頁面樣式也出現(xiàn)了問題;

當(dāng)時的引入unpkg

<link rel="stylesheet" >
<script src="https://unpkg.com/vue@2/dist/vue.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="https://cdn.bootcss.com/echarts/4.2.1-rc1/echarts.min.js"></script>

排查

經(jīng)過排查就是這種的引入方式失效了,引入當(dāng)時也是根據(jù)官方文檔引入的,納悶了,之前還好好的,怎么突然出問題了;
【問題+解決】axios/vue/element/echarts引入報錯,報錯盒,npm,vue.js,cdn,unpkg
排查發(fā)現(xiàn)這種的引入不是正確的,記得之前引入,是cdn,排查發(fā)下,它的引入方式是unpgk,進(jìn)而導(dǎo)致的

正確的引入cdn

替換內(nèi)容
<link rel="stylesheet" >
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/element-ui/lib/index.js"></script>
<script src="http://cdn.jsdelivr.net/npm/axios@0.19.0/dist/axios.min.js"></script>
<script src="https://cdn.bootcss.com/echarts/4.2.1-rc1/echarts.min.js"></script>

大家想用直接復(fù)制就行。文章來源地址http://www.zghlxwxcb.cn/news/detail-812989.html

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-ui/lib/theme-chalk/index.css">
 <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>
 <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/element-ui/lib/index.js"></script>
 <script src="http://cdn.jsdelivr.net/npm/axios@0.19.0/dist/axios.min.js"></script>
 <script src="https://cdn.bootcss.com/echarts/4.2.1-rc1/echarts.min.js"></script>

到了這里,關(guān)于【問題+解決】axios/vue/element/echarts引入報錯的文章就介紹完了。如果您還想了解更多內(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ù)器費(fèi)用

相關(guān)文章

  • 安裝運(yùn)行vue-element-admin的報錯問題-解決辦法

    安裝運(yùn)行vue-element-admin的報錯問題-解決辦法

    官網(wǎng)安裝鏈接如下: https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/#%E5%AE%89%E8%A3%85 我遇到的報錯主要在以下階段: 按上方安裝鏈接里git clone后npm install無法安裝 npm install完成后無法啟動,即npm run dev失敗 后經(jīng)查找網(wǎng)上各種資料,于 2022.11.20 完成安裝并成功運(yùn)行。 下面將分這兩

    2023年04月23日
    瀏覽(104)
  • vue想引入echarts,直接卡在安裝失敗 如何解決

    如果您在Vue項目中安裝echarts時遇到了問題,以下是一些常見的解決方法: 這些工具是用于管理依賴項的常見工具,您需要確保它們已經(jīng)正確安裝在您的開發(fā)環(huán)境中。 有時候安裝過程可能因為網(wǎng)絡(luò)問題而失敗。請確保您的網(wǎng)絡(luò)連接正常,并且沒有被防火墻或代理服務(wù)器阻止。

    2024年02月05日
    瀏覽(21)
  • vite + vue + ts 自動按需導(dǎo)入 Element Plus組件,并如何解決按需引入后ElMessage與ElLoading 的問題(找不到名稱“ElMessage”問題。)

    vite + vue + ts 自動按需導(dǎo)入 Element Plus組件,并如何解決按需引入后ElMessage與ElLoading 的問題(找不到名稱“ElMessage”問題。)

    按需引入后ElMessage與ElLoading?的問題,兩步優(yōu)雅解決找不到名稱“ElMessage”問題。不需要導(dǎo)入npm包,不需要下載任何東西,只要五行代碼 目錄 1、添加Element Plus組件庫 1.2、下載 1.2、自動導(dǎo)入(官方推薦) 2、按需引入后ElMessage與ElLoading?的問題 2.1、解決問題 2.2、下面是分析原因

    2024年02月06日
    瀏覽(22)
  • 引入echars5.0報錯“export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘解決方案

    引入echars5.0報錯“export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘解決方案

    前言:老版本的echars樣式與新版本的組件美觀度相差巨大,以美觀為主所以把組件升級成了echars5.0,結(jié)果報錯了【\\\"export ‘default’ (imported as ‘echarts’) was not found in ‘echarts’】! 直接報錯:\\\"export ‘default’ (imported as ‘echarts’) was not found in \\\'echarts’ 新版本的echarts引入方式

    2024年02月03日
    瀏覽(21)
  • 解決element-ui按需引入使用message報錯

    解決element-ui按需引入使用message報錯

    ?報錯如上圖所示 接下來告知解決方法 ,下方操作均在main.js中 ? 在單獨按需引入element組件時,message組件需要掛載到Vue全局對象上,而不是用 Vue.use(Message) ,這是message組件與其他組件不同的地方。其中與之相同、需要掛載到Vue全局對象上的,還有confirm組件。

    2024年02月11日
    瀏覽(25)
  • 在Vue中引入vant報錯(解決辦法)

    第一種方案: 一、安裝vant 二:導(dǎo)入vant包 在Vue項目的main.js文件中寫入如下代碼 import Vant from \\\'vant\\\'; import \\\'vant/lib/index.css\\\'; Vue.use(Vant); 注意:可能會遇到版本兼容的問題,此時運(yùn)行項目會報黃 你會發(fā)現(xiàn)項目跑不了了 應(yīng)該: 1、先卸載掉vant 因為可能會產(chǎn)生依賴沖突,所以一般會

    2023年04月08日
    瀏覽(21)
  • 關(guān)于element ui 安裝失敗的問題解決方法、查看是否安裝成功及如何引入

    關(guān)于element ui 安裝失敗的問題解決方法、查看是否安裝成功及如何引入

    執(zhí)行 npm i element-ui -S 報錯 原因:npm版本太高 報錯信息: 解決辦法: 使用命令: ?npm install --legacy-peer-deps element-ui --save 引入: 在main.js文件中引入 執(zhí)行 npm install element-plus --save 報錯 解決辦法: 使用命令: npm install element-plus --save --legacy-peer-deps ? 引入: 在main.js文件中引入

    2024年02月15日
    瀏覽(65)
  • 關(guān)于vue3+版本引入element-ui使用icon問題 (icon不顯示問題)vue3中input里面不顯示icon圖標(biāo)

    關(guān)于vue3+版本引入element-ui使用icon問題 (icon不顯示問題)vue3中input里面不顯示icon圖標(biāo)

    1)、引入 ?2)、效果: 出來了一個大圖標(biāo) ?3)、代碼 1)、引入 ?2)、效果: ?3)、代碼

    2024年02月16日
    瀏覽(28)
  • 【VUE】6、VUE項目中引入axios

    1、初識 axios Axios,是一個基于 promise 的網(wǎng)絡(luò)請求庫,作用于 node.js 和瀏覽器中,它是 isomorphic 的(即同一套代碼可以運(yùn)行在瀏覽器和 node.js 中)。在服務(wù)端它使用原生 node.js http 模塊, 而在客戶端 (瀏覽端) 則使用 XMLHttpRequest。 主要特點: 從瀏覽器創(chuàng)建 XMLHttpRequests 從 node.js 創(chuàng)建

    2023年04月11日
    瀏覽(15)
  • vite vue3+ts @引入無提示/解決提示報錯

    vite vue3+ts @引入無提示/解決提示報錯

    1. setting.json? 這時候已經(jīng)有提示了 但是ts會報錯? ?tsconfig.json? 以@開頭代表src目錄下 以#開頭代表ts目錄下? 配置好后 重新引入 沒有紅色波浪線但是 vite不認(rèn)識 @符號 運(yùn)行項目還是會報錯 ?這時候就需要在vite.config.ts中添加配置 如果path會報錯 需要下載一下@types/node 再重啟下

    2024年02月15日
    瀏覽(20)

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

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

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

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

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包