問題描述：
- 列表渲染中包含圖片，圖片資源放在項目本地靜態文件夾內，默認列表數據定義在一個單獨ts文件內，導入進當前頁面模板內使用報錯
框架：
- vite+ts+vue3.2
嘗試方案：
1.直接使用外部引入路徑 ×
-
這裏使用別名還是相對路徑都無法解析正確圖片地址
2.使用require() ×
- 在vue2項目中JS文件內使用require()可以解析圖片路徑，這裏TS不支持require(), 參考網上有答案説
npm i @type/node --save -dev，安裝完這個包後使用仍報錯，歡迎指正
3.使用import() √
- 使用import()需要考慮異步問題，新造一個變量接收或者原始數據中多加一個鍵
4.使用new URL() √
- 這個方法用起來就簡單很多，vite官網上有詳細描述
5..vue文件內直接引用圖片 √
相關鏈接
- import.meta.url: https://vitejs.cn/guide/asset...;
