相關(guān)文章

• 

  vue3打包后頁面空白解決方法

  最近寫一個(gè)小項(xiàng)目 沒有打包的時(shí)候一切正常 技術(shù)棧用的vue3 + vite 我用的是npm創(chuàng)建的項(xiàng)目 問題一 ：打包后頁面空白，什么都沒有 問題二：刷新頁面后找不到資源 把url的index.html去掉后可以正常顯示但是刷新后又會(huì)出現(xiàn)新的問題 問題如下 第一步 先在vite.config.js中添加一行代碼

  2024年01月16日

  瀏覽(27)
• 

  Vue3 - vite 引入本地圖片方法，頁面引入本地靜態(tài)資源圖像詳細(xì)教程，解決 UI 前端組件庫的圖片屬性無法使用本地圖像問題（無論是本地開發(fā)還是打包部署，本地圖片的路徑正?？捎茫?/a>

  在 webpack 中通常用 require() 來引入靜態(tài)圖片，但在 vite 中這種方法就不行了。 本文實(shí)現(xiàn)了 在 vue3+vite 項(xiàng)目開發(fā)中，實(shí)現(xiàn)引入本地圖片（靜態(tài)資源），并且 build 打包后依然正常運(yùn)行， 支持普通 img 標(biāo)簽使用，也支持 UI 組件庫的各種 “圖片屬性” 當(dāng)參數(shù)進(jìn)行使用。 如下圖所示

  2024年02月08日

  瀏覽(167)
• 

  vite+ vue3（現(xiàn)有項(xiàng)目或者新項(xiàng)目）+electron打包教程，以及electron代碼熱重載頁面（保姆級(jí)教程）,一文帶你走完全過程

  ? 1.刪掉type這個(gè)字段，不然會(huì)報(bào)錯(cuò) ?2.然后加上\\\"main\\\": \\\"electron/main.js\\\", ?3.在scripts字段中加入啟動(dòng)electron的命令：如下圖 5.這時(shí)候你去打開控制臺(tái)輸入輸入npm run start會(huì)得到一片空白，展示如下頁面 1.因?yàn)楝F(xiàn)在監(jiān)聽的是vue打包后的dist文件夾中的index.html 2.我就不教你們?cè)趺创蜷_那個(gè)

  2024年02月11日

  瀏覽(649)

• Vue3 vite build 之后不顯示頁面內(nèi)容，只顯示空白，也沒有報(bào)錯(cuò)如何解決

  我的項(xiàng)目在 build 之后就插入到我的主網(wǎng)站的 /tools/image 路徑下使用的，并非主網(wǎng)站，所以需要配置兩個(gè)地方： 添加 base，意思是 build 之后的外部資源都從當(dāng)前目錄的相對(duì)路徑獲取。 比如 main.js 不是 /main.js 而是 ./main.js 我不知道是什么原理哈，反正是管用，之前在沒有使用

  2024年02月13日

  瀏覽(28)
• 

  Vite + Vue3 + Ts 解決打包生成的index.html頁面顯示空白、資源跨域、找不到資源、404-Page Not Found等錯(cuò)誤；關(guān)于vite build后訪問報(bào)錯(cuò) 關(guān)于vite build后訪問報(bào)錯(cuò)：Expected a JavaScript module script but the server responded with a MIME type of “

  一.vite.config.ts配置：主要的就是base: env.VITE_MODE === \\\'production\\\' ? \\\'./\\\' : \\\'/\\\', 二. 打包后的結(jié)果如圖所示，文件路徑是 ./ 其實(shí) 去掉./ 也 是可以 的，但是打包后是 /favicon.ico 這種路徑是訪問不到的，參考第一部分 三. 配置路由：路由改成?createWebHashHistory? ?四. vscode安裝Live Server? ?

  2024年02月11日

  瀏覽(23)
• 

  vue3 + vite 多項(xiàng)目多模塊打包

  vue3 + vite 多項(xiàng)目多模塊打包 本示例基于 vite-plugin-html 插件，實(shí)現(xiàn)多個(gè)獨(dú)立項(xiàng)目共存，共享組件和依賴，運(yùn)行、打包互不干擾。 兼容性注意 Vite 需要 Node.js 14.18+、16+版本，有些模板需要更高的版本 雖然創(chuàng)建項(xiàng)目用的14.17.5版本，但是后面運(yùn)行項(xiàng)目用的18.15.0 HTML模板插件 打包一

  2024年02月10日

  瀏覽(114)
• 

  vite vue3項(xiàng)目打包,跳過ts檢查

  遇到這個(gè)問題是因?yàn)関ue文件中script標(biāo)簽沒有寫lang造成的? 剩下的ts類型檢查錯(cuò)誤 ?\\\"build\\\": \\\"vue-tsc --noEmit --skipLibCheck vite build\\\",是因?yàn)檫@個(gè)vue-tsc打包對(duì)ts進(jìn)行了類型檢查，需要全部解決了才行，可以關(guān)閉，直接改成\\\"build\\\": \\\"vite build\\\",

  2024年02月16日

  瀏覽(96)
• 

  vite打包vue3項(xiàng)目白屏報(bào)錯(cuò)

  資源路勁問題 修改：vite.config.ts 原因是需要服務(wù)器進(jìn)行靜態(tài)資源訪問，否則會(huì)因?yàn)榭缬蚨鴪?bào)錯(cuò) ： Access to script at \\\'file:///F:/Progremes/Vue3/yanxuan_vue3_m_h5/dist/assets/index-49de958d.js\\\' from origin \\\'null\\\' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated

  2024年02月16日

  瀏覽(27)
• 

  vue3+vite靜態(tài)頁面部署到gitee pages

  隨著vue3的成熟，vue2將在2023.12.31停止維護(hù)，所以有必要搞一下vue3項(xiàng)目靜態(tài)頁面怎么部署到gitee中了 如果還有想部署vue2靜態(tài)頁面到gitee中的話，訪問https://blog.csdn.net/qq_45952585/article/details/122514028?spm=1001.2014.3001.5502 vue3+vite+ts腳手架創(chuàng)建就不寫了，隨便搜一搜，一大把，直接上重點(diǎn)

  2024年02月03日

  瀏覽(34)

• 解決vite打包后項(xiàng)目出現(xiàn)空白的問題

  打開控制臺(tái)，一般會(huì)出現(xiàn)兩種報(bào)錯(cuò)： 1. 找不到資源。 這是由于路徑的問題，解決方案，vite.config.ts中加上路徑都為相對(duì)路徑。 2. 頁面還是空白，并且檢查元素發(fā)現(xiàn)app節(jié)點(diǎn)中什么都沒有， 修改路由模式，我之前是用的History模式，結(jié)果有問題，把router中index文件改為Hash模式。

  2024年02月07日

  瀏覽(17)