uniapp-ts模版在前端/vue文件夾下
npx @dcloudio/uvm@latest 安裝依賴
之后tsconfig.json會報錯，可以在tsconfig.json文件中"compilerOptions"配置項內添加"ignoreDeprecations": "5.0"，解決。
### 編譯和運行 uni-app 項目
1. 安裝依賴 `pnpm install` ?(應該不需要，在上一環節的某一步驟應該就自己進行了)
2. 編譯成微信小程序 `pnpm dev:mp-weixin`
3. 導入微信開發者工具
1.pnpm dev:mp-weixin后，依賴里的大部分文件竟然消失
npx @dcloudio/uvm@latest 安裝依賴，報錯
大意：這個錯誤提示表明 pnpm（一個性能卓越的 Node.js 包管理工具）在嘗試管理項目的依賴時遇到了一個意外的虛擬存儲位置問題。具體來說，pnpm 期望在 D:\前端\vue\uni1\node_modules\.pnpm 這個目錄下使用虛擬存儲來鏈接依賴，但是實際上，它發現項目的依賴已經被鏈接到了另一個位置 D:\前端\vue\uni-preset-vue-vite-ts\node_modules\.pnpm。
刪除現有的 node_modules 文件夾和可能的 pnpm-lock.yaml 文件（如果存在）
pnpm install后依賴文件恢復，tsconfig.json仍然報錯
忘了干什么后不報錯了，但是編譯成的微信小程序不認識visualstudio里的四個組件。
突然發現好的和壞的的pages有大區別，好的是pages下面一個文件夾再套一個vue文件，壞的是pages下面直接是vue文件，所以是路徑出了問題。
改好了路徑之后，報錯TypeError: Cannot read property 'push' of undefined
源代碼：
<script setup lang="ts" name="Home"> //告訴 Vue 編譯器這個腳本塊使用 TypeScript 編寫。
import { onMounted } from 'vue';
import { useRouter } from 'vue-router';
const router = useRouter();
onMounted
(()=>
? ? {
? ? ? ? setTimeout
? ? ? ? (()=>
? ? ? ? ? ? {
? ? ? ? ? ? ? ? router.push('/news')
? ? ? ? ? ? },3000 ? // 這里不要寫錯位置
? ? ? ? )
? ? }
)
</script>
照文心一言改之后，又報錯，app.js錯誤:
?TypeError: Cannot read property 'history' of undefined
2.在app.js因為報錯createapp方法沒定義什么的，刪掉createApp().app.mount("#app"); ? 頁面上用來測試的1111顯示了，但其他的仍然不顯示。
原來uniapp的App.vue不再需要寫什么東西了，他不需要模版了。
所有頁面都是在App.vue下進行切換的，是應用入口文件。但App.vue本身不是頁面，這里不能編寫視圖元素，也就是沒有<template>。
這個文件的作用包括：監聽應用生命周期、配置全局樣式、配置全局的存儲globalData
應用生命周期僅可在App.vue中監聽，在頁面監聽無效。
3.把原本vue程序main.ts文件里的代碼換成網上教程里的代碼，好像好使了。
4.
在 UniApp 中，雖然它基于 Vue.js 開發，但是有一些特定的語法和組件庫是與標準的 Vue.js 項目不同的。UniApp 主要是為了開發跨平臺應用（如 iOS、Android、H5、小程序等）而設計的，它使用了一些自定義的組件和 API，以及一套獨特的頁面路由機制。
路由: UniApp 使用的是基于頁面棧的路由機制，而不是像 Vue Router 那樣的 URL 路由。因此，你不能直接使用?vue-router?來進行頁面跳轉。在 UniApp 中，你應該使用?uni.navigateTo、uni.redirectTo?或?uni.switchTab?等 API 來進行頁面跳轉。
5.一個頁面給另一個頁面傳數據，只能用navigateTo，不能用switchLab，也就是說，被傳數據的頁面不能是tabbar頁面里的，暫時不知道傳tabbar頁面數據怎么做。
ChatGPT：
在微信小程序中，`wx.switchTab` 方法用于跳轉到 tabBar 頁面，并且不允許攜帶
參數在 URL 的 queryString 中。這是因為 tabBar 頁面通常是固定的幾個頁面，
用于快速切換應用的主要功能，而不是用來展示具體的詳情或數據。如果你需要向 tabBar 頁面傳遞參數，你可以考慮以下幾種方法：1. **使用全局變量**：你可以在 App 實例中設置全局變量來存儲數據，然后在需要的頁面中使用 `getApp()` 方法來獲取這些數據。// app.js
App({globalData: {someData: null}
})// 在某個頁面設置全局變量
const app = getApp();
app.globalData.someData = 'your data';// 在 tabBar 頁面獲取全局變量
const app = getApp();
const someData = app.globalData.someData;
```2. **使用本地存儲**：你可以使用 `wx.setStorageSync` 方法將數據保存到本地緩存中，
然后在 tabBar 頁面使用 `wx.getStorageSync` 方法獲取數據。// 在某個頁面保存數據到本地緩存
wx.setStorageSync('someKey', 'your data');// 在 tabBar 頁面從本地緩存獲取數據
const someData = wx.getStorageSync('someKey');3. **使用事件中心**：你可以創建一個事件中心（Event Bus）來在多個頁面之間傳遞數據。
這通常是通過創建一個具有 `$on`、`$emit` 和 `$off` 方法的 Vue 實例來完成的，
但請注意微信小程序并不是基于 Vue 的，但你可以實現類似的功能。4. **使用頁面棧**：你可以使用 `getCurrentPages` 方法獲取當前頁面棧，然后直接操作
前一個頁面的數據。但這種方法并不推薦，因為它破壞了頁面的封裝性，且可能會導致難以預料的錯誤。5. **使用 Vuex（如果你在使用 Vue 開發小程序）**：Vuex 是一個專為 Vue.js 應用程序開發的
狀態管理模式。如果你正在使用 Vue 開發微信小程序，并且你的 tabBar 頁面也是基于 Vue 的，
那么你可以考慮使用 Vuex 來管理狀態。6. **重新設計頁面結構**：如果可能的話，重新考慮你的頁面設計。也許你可以將需要傳遞參數
的頁面從 tabBar 中移除，或者設計一個不同的導航流程來避免這個問題。請注意，盡管有些方法可能允許你在技術上實現向 tabBar 頁面傳遞參數，但這可能并不是一個
好的設計選擇，因為它可能違反了微信小程序的設計原則和用戶體驗的最佳實踐。6.攔截器
當我們提到“攔截器”（Interceptor）時，我們通常是在談論一種設計模式，用于在請求或響應到達目標之前進行某種形式的處理或修改。
在Web開發中，特別是在與后端API交互的上下文中，攔截器通常用于：
- 請求攔截：在請求發送到服務器之前，對其進行修改或添加某些頭部信息、令牌（token）等。
- 響應攔截：在服務器的響應到達客戶端代碼之前，對其進行檢查、修改或處理錯誤。
雖然uniapp本身沒有直接提供攔截器的實現，但你可以結合其他庫（如axios，一個基于Promise的HTTP客戶端）來實現這一功能。在axios中，你可以使用攔截器來攔截請求和響應。
例如，使用axios的攔截器：
// 添加請求攔截器
axios.interceptors.request.use(function (config) { // 在發送請求之前做些什么 return config;
}, function (error) { // 對請求錯誤做些什么 return Promise.reject(error);
}); // 添加響應攔截器
axios.interceptors.response.use(function (response) { // 對響應數據做點什么 return response;
}, function (error) { // 對響應錯誤做點什么 return Promise.reject(error);
});在uniapp中，如果你正在使用axios或其他支持攔截器的HTTP客戶端庫，你可以按照上述方式添加攔截器來處理你的HTTP請求和響應。
uniapp中路由攔截器的使用技巧-uni-app-PHP中文網
)
