相關(guān)文章

• 

  vite+vue3+ts搭建項(xiàng)目八（打包性能優(yōu)化三：使用CDN）

  使用vite-plugin-cdn-import 下載npm包 官方github：https://github.com/MMF-FE/vite-plugin-cdn-import 開(kāi)發(fā)環(huán)境使用本地的npm包，cdn是打包時(shí)候才生效 在vite.config.ts中通過(guò)importToCDN引入 注意事項(xiàng) ：網(wǎng)上很多教程，還需要在 build 的 rollupOptions 添加對(duì)應(yīng)的 external ，如上注釋所示，其實(shí)是不需要的，

  2024年02月02日

  瀏覽(98)
• 

  vite vue3+ts @引入無(wú)提示/解決提示報(bào)錯(cuò)

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

  2024年02月15日

  瀏覽(20)
• 

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

  資源路勁問(wèn)題 修改：vite.config.ts 原因是需要服務(wù)器進(jìn)行靜態(tài)資源訪問(wèn)，否則會(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)
• 

  vite vue3項(xiàng)目打包部署空白頁(yè)面問(wèn)題的處理

  ?問(wèn)題：vite vue3項(xiàng)目打包部署上線后，發(fā)現(xiàn)是空白頁(yè)面問(wèn)題的處理 解決方法：1.在我們vite.config.js文件中檢查是否有路徑的指向 ?????????????????? ?? ? ? ? ? ? ? ? ? 2.查看我們的路由模式，將路由模式修改為createWebHashHistory ????????????????? ????????

  2024年02月11日

  瀏覽(99)
• 

  【Vue3實(shí)踐】（六）Vue3使用vite處理環(huán)境變量、打包部署、nginx配置

  由于在日常開(kāi)發(fā)中會(huì)有一部分前端的開(kāi)發(fā)任務(wù)，會(huì)涉及到Vue的項(xiàng)目的搭建、迭代、構(gòu)建發(fā)布等操作，所以想系統(tǒng)的學(xué)習(xí)一下Vue相關(guān)的知識(shí)點(diǎn)，本專題會(huì)依照Vue的搭建、開(kāi)發(fā)基礎(chǔ)實(shí)踐、進(jìn)階用法、打包部署的順序進(jìn)行記錄。 歷史文章鏈接如下： 《Vue3搭建、路由配置與基本語(yǔ)法

  2023年04月08日

  瀏覽(646)
• 

  Vite + Vue3 + Ts 解決打包生成的index.html頁(yè)面顯示空白、資源跨域、找不到資源、404-Page Not Found等錯(cuò)誤；關(guān)于vite build后訪問(wèn)報(bào)錯(cuò) 關(guān)于vite build后訪問(wèn)報(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 這種路徑是訪問(wèn)不到的，參考第一部分 三. 配置路由：路由改成?createWebHashHistory? ?四. vscode安裝Live Server? ?

  2024年02月11日

  瀏覽(24)
• 

  vue3+vite在main.ts或者main.js文件中引入/App.vue報(bào)錯(cuò)（/App.vue不是模塊）

  vue3報(bào)錯(cuò)提示 找不到模塊“/App.vue”或其相應(yīng)的類型聲明 在使用 vue3?vite?ts 或者 js 搭建前端框架時(shí)，在 main.ts 或者 main.js 中引入 /App.vue 報(bào)錯(cuò)。報(bào)錯(cuò)內(nèi)容為 /App.vue不是模塊 。下面我們分 vue3+js 和 vue3+ts 兩種情況討論，給出相應(yīng)的解決方案。 報(bào)錯(cuò)顯示 ： 報(bào)錯(cuò)原因 ：javascrip

  2024年01月25日

  瀏覽(94)
• 

  vite+vue3運(yùn)行項(xiàng)目報(bào)錯(cuò)failed to load config from ../vite.config.ts / Cannot find module ‘node:path‘

  運(yùn)行vite+vue3項(xiàng)目時(shí)報(bào)錯(cuò)： failed to load config from …/vite.config.ts error when starting dev server: Error: Cannot find module ‘node:path’ Require stack: /Users/list/Downloads/Admin-master/node_modules/vite/dist/node-cjs/publicUtils.cjs 百度了發(fā)現(xiàn)是node版本不夠，于是去升級(jí)node到16版本 1.清除npm緩存： 2.安裝node版本管

  2024年02月05日

  瀏覽(38)
• 

  解決Vue3+Vite3 打包部署到nginx后配置非根目錄刷新頁(yè)面報(bào)錯(cuò)空白

  報(bào)錯(cuò)內(nèi)容 解決方法 router文件 vite.config.ts nginx.conf 配置中路徑apps是我自建的存放前端頁(yè)面的文件夾 起關(guān)鍵作用的是 try_files $uri $uri/ /demo/index.html ，當(dāng)然上面項(xiàng)目文件夾demo也需保持一致 alias 后面的路徑是Vue項(xiàng)目打包后dist靜態(tài)文件服務(wù)器存放路徑，一般在nginx下面建一個(gè)文件夾

  2024年02月11日

  瀏覽(104)
• 

  Vue3動(dòng)態(tài)路由（Vite+Vue3+TS+Mock）

  Vue通過(guò)路由進(jìn)行頁(yè)面管理，不同的路由綁定到不同的頁(yè)面。一般來(lái)說(shuō)，前端直接寫(xiě)好的路由為靜態(tài)路由，在不修改代碼的情況下，路由表是不會(huì)改變的。對(duì)于不需要?jiǎng)討B(tài)改變路由表的網(wǎng)站，靜態(tài)路由就已經(jīng)足夠了，但是當(dāng)頁(yè)面需要與權(quán)限進(jìn)行綁定時(shí)，不同用戶允許瀏覽的頁(yè)面

  2024年02月02日

  瀏覽(27)