vue3 + vite 项目打包时的验证问题

Keva
阅读 708

如题,打包时出现问题:

src/api/earnings.ts:1:20 - error TS2307: Cannot find module '@/utils/http/axios/Axios' or its corresponding type declarations.

1 import { get} from "@/utils/http/axios/Axios";
                     ~~~~~~~~~~~~~~~~~~~~~~~~~~

src/router/index.ts:2:26 - error TS2307: Cannot find module '@/views/DataCalendarView.vue' or its corresponding type declarations.

2 import DataCalendar from "@/views/DataCalendarView.vue";
                           ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

src/utils/http/axios/Axios.ts:2:28 - error TS2307: Cannot find module '@/hooks/useMessage.ts' or its corresponding type declarations.

2 import { useMessage } from '@/hooks/useMessage.ts'
                             ~~~~~~~~~~~~~~~~~~~~~~~


Found 3 errors in 3 files.

Errors  Files
     1  src/api/earnings.ts:1
     1  src/router/index.ts:2
     1  src/utils/http/axios/Axios.ts:2
 ELIFECYCLE  Command failed with exit code 2.

解决办法:

1、在 tsconfig.json 文件中添加以下内容:

    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"],
      "@_C/*": ["src/components/*"]
    },

2、项目中添加 vite-env.d.ts 文件,该文件是用来解决vue文件中路径问题。文件内容如下:

/// <reference types="vite/client" />
declare module '*.vue' {
    import type { DefineComponent } from 'vue'
    const component: DefineComponent<{}, {}, any>
    export default component
}

 

回到顶部