uni-app 使用onPageScroll onShareAppMessage onShareTimeline API的页面，生成的sourcemap未包含源码，导致无法反解

uni-app 使用onPageScroll onShareAppMessage onShareTimeline API的页面，生成的sourcemap未包含源码，导致无法反解

产品分类：uniapp/小程序/微信

操作步骤：

1. 按官方文档，使用命令生成默认vue3+ts项目

   npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project
   

2. 配置vite.config.ts,支持生成sourcemap文件

   import { defineConfig } from "vite";  
   import uni from "[@dcloudio](/user/dcloudio)/vite-plugin-uni";  
   
   // https://vitejs.dev/config/  
   export default defineConfig({  
     build: {  
       sourcemap: true, // 新增sourcemap配置  
     },  
     plugins: [uni()],  
   });
   

3. 执行编译命令uni build -p mp-weixin，得到正常的sourcemap（sources有源文件，sourcesContent有源文件内容）

   {
     "version": 3,
     "file": "index.js",
     "sources": [
       "../../../../../src/pages/index/index.vue",
       "../../../../../uniPage:/cGFnZXMvaW5kZXgvaW5kZXgudnVl"
     ],
     "sourcesContent": [
       "<template>\n  <view class=\"content\">\n    <image class=\"logo\" src=\"/static/logo.png\"/>\n    <view class=\"text-area\">\n      <text class=\"title\">{{ title }}</text>\n    </view>\n  </view>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue'\nconst title = ref('Hello')\n\n</script>\n\n<style>\n.content {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.logo {\n  height: 200rpx;\n  width: 200rpx;\n  margin-top: 200rpx;\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: 50rpx;\n}\n\n.text-area {\n  display: flex;\n  justify-content: center;\n}\n\n.title {\n  font-size: 36rpx;\n  color: #8f8f94;\n}\n</style>",
       "import MiniProgramPage from '/Users/lanweifeng/Project/uniapp/uni-vue3-demo/src/pages/index/index.vue'\nwx.createPage(MiniProgramPage)"
     ],
     "names": [
       "title",
       "ref",
       "wx",
       "createPage",
       "MiniProgramPage"
     ],
     "mappings": "wIAWM,MAAAA,EAAQC,MAAI,2DCVlBC,GAAGC,WAAWC"
   }
   

4. 在pages/index/index.vue中使用onShareAppMessage函数

   onShareAppMessage(() => {  
     console.log('使用了分享')  
   })
   

5. 重新执行编译命令uni build -p mp-weixin，得到的sourcemap丢失了源码信息，导致无法反解（sources和sourcesContent中没有源码）

   {
     "version": 3,
     "file": "index.js",
     "sources": [
       "../../../../../uniPage:/cGFnZXMvaW5kZXgvaW5kZXgudnVl"
     ],
     "sourcesContent": [
       "import MiniProgramPage from '/Users/lanweifeng/Project/uniapp/uni-vue3-demo/src/pages/index/index.vue'\nwx.createPage(MiniProgramPage)"
     ],
     "names": [
       "wx",
       "createPage",
       "MiniProgramPage"
     ],
     "mappings": "wdACAA,GAAGC,WAAWC"
   }