vue3+vite+ts项目问题

体验vite + vue3 + ts搭建项目的全过程 - 掘金

2022-02-08 vue3+vite assets动态引入图片的几种方式，解决打包后图片路径错误不显示的问题 - 简书

解决vscode红色波浪线的ts报错:找不到模块“store” ts(2307)，不识别@别名路径_夏日米米茶的博客-CSDN博客

::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞)警告解决_木斯佳的博客-CSDN博客_:deep()

---

# npm6.x

npm init @vitejs/app vite-vue3 --template vue-ts

# npm7+ (需要额外的双横线)

npm init @vitejs/app vite-vue3 -- --template vue-ts

---

获取静态图片路径vite

// 获取assets静态资源

const usePub = {

  getAssetsHomeFile(url: string) {

    const path = `../assets/images/home/${url}`;

    const modules = import.meta.globEager("../assets/images/home/*");

    return modules[path].default;

  }

}

export default usePub

使用

import usePub from '@/utils/pub-use'

const getAssetsWeatherFile = usePub.getAssetsWeatherFile

getAssetsWeatherFile('zwtp.png')

---

ts一些报错

"baseUrl": ".",

    "paths": {

      "@/*": ["src/*"]

    },

"strict": false,