相關(guān)文章

• 

  基于vue3+ts+vite的項目使用‘unplugin-auto-import/vite’插件，自動全局導(dǎo)入api的注意事項

  ? ?1.首先安裝插件 npm install unplugin-auto-import @vitejs/plugin-vue -D 2.安裝完成后在vite.congfig.ts中配置，紅色部分就是關(guān)于插件的基礎(chǔ)自動導(dǎo)入部分，這樣就可以將vue和router的相關(guān)api全局導(dǎo)入了， import AutoImport from \\\"unplugin-auto-import/vite\\\" export default defineConfig({ ? plugins: [ ? ? vue(), ?

  2023年04月12日

  瀏覽(39)
• 

  vite打包vue3項目白屏報錯

  資源路勁問題 修改：vite.config.ts 原因是需要服務(wù)器進行靜態(tài)資源訪問，否則會因為跨域而報錯 ： 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中使用import.meta.glob

  前言： ? ? ? ? 在vue2的時候，我們一般引入多個js或者其他文件，一般使用? require.context 來引入多個不同的文件，但是vite中是不支持 require的，他推出了一個類似的功能，就是用import.meta.glob來引入多個，單個的文件。 vue2 中使用? require 來引入多個不同的js文件 1、引入?

  2024年02月15日

  瀏覽(21)
• 

  vue3創(chuàng)建項目報錯Vue.js - The Progressive JavaScript Framework TypeError: (0 , import_node_ut

  報錯信息： Vue.js - The Progressive JavaScript Framework TypeError: (0 , import_node_util.parseArgs) is not a function ? ? at init (C:UsersAdministratorAppDataLocalnpm-cache_npx2f7e7bff16d1c534node_modulescreate-vueoutfile.cjs:4481:72) ? ? at Object.anonymous (C:UsersAdministratorAppDataLocalnpm-cache_npx2f7e7bff16d1c534node_module

  2024年04月10日

  瀏覽(124)
• 

  vite vue3 ts import.meta在vscode中報錯

  問題描述：開發(fā)使用的框架為vite+vue3+ts，在開發(fā)過程中莫名其妙報 僅當“--module”選項為“es2020”、“esnext”或“系統(tǒng)”時才允許使用“import.meta”元屬性 問題解決： 通過更改tsconfig.json的module為 esnext，es2022等，未解決該問題； 通過根據(jù)vite文檔，在 src 目錄下創(chuàng)建一個 env.

  2024年02月14日

  瀏覽(24)
• 

  vite+vue3運行項目報錯failed to load config from ../vite.config.ts / Cannot find module ‘node:path‘

  運行vite+vue3項目時報錯： 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版本不夠，于是去升級node到16版本 1.清除npm緩存： 2.安裝node版本管

  2024年02月05日

  瀏覽(38)
• 

  vue3+vite項目，安裝依賴運行報錯“failed to load config from xxx，TypeError: vite.createFilter is not a function”

  ????今天從GitHub上拉下來了一個 vue3+vite 項目，之前就是安裝依賴就可以運行了，但是今天一直報錯，顯示 TypeError: vite.createFilter is not a function ????vite版本與安裝的依賴版本不匹配 ????近期vite3發(fā)布，但我們使用的還是v2，所以安裝依賴的時候默認安裝的是最新版本，這

  2024年02月21日

  瀏覽(26)
• 

  Vite + Vue3 +Vant4構(gòu)建項目時，按需引入使用Toast組件，引用 showToast 時出現(xiàn)編譯報錯的解決方案

  一.問題定位 在Vite + Vue3 +Vant4構(gòu)建項目時，需要使用Toast組件顯示提示信息，按照官方文檔使用函數(shù)調(diào)用 使用后直接報錯，說是找不到對應(yīng)的樣式文件（如下圖）： 在項目中查找node-moudles文件，確實沒有找到，只有一個toast文件（如下圖）： 在百度搜索解決方法，說是需要單

  2024年01月17日

  瀏覽(97)

• vue3使用Vite打包報Rollup failed to resolve import “xxx/node_modules/ant-design-vue/xxxx

  在使用vue3 + vite + ant design vue 的時候，引入一些antd的一些組件的時候，通常運行是沒有錯的，但是打包會報錯，例如： Rollup failed to resolve import \\\"D:/xxxxx/node_modules/ant-design-vue/es/form-item-rest/style/index\\\" from \\\"src/views/xxx/xxx.vue\\\". 15:01:51 This is most likely unintended because it can break your applic

  2024年02月16日

  瀏覽(31)

• Vue3 - 解決 build / dev 打包運行時突然出現(xiàn)一堆 ts 相關(guān)的報錯，強制關(guān)閉整個項目的 ts 代碼語法校驗和驗證（webpack / vite 均可）

  無論您是 vite 還是 webpack，都可以 100% 去掉運行或打包時的 ts 語法驗證。 本文 實現(xiàn)了在 vue3 + ts 開發(fā)中，關(guān)閉運行、打包部署命令時出現(xiàn)的各種 ts 校驗報錯，去掉對 ts 的驗證， 有些朋友對 ts 不是很了解（所以在寫代碼時沒注意一些語法），導(dǎo)致最終 build 打包時出現(xiàn)了很多

  2024年02月11日

  瀏覽(140)