vue下使用ts引入@/xxx组件的问题

原项目是用js写的,现在新的页面想使用ts写,但在用import引入 @ 开头的组件会报错,在js下是没有问题的

vue下使用ts引入@/xxx组件的问题

vue下使用ts引入@/xxx组件的问题

import MixinPermission from "@/mixins/Permission.vue";

vue下使用ts引入@/xxx组件的问题


回答:

ts 配置需要读取项目根路径的 tsconfig.json,添加 paths 配置即可:

{

"compilerOptions": {

"target": "esnext",

"useDefineForClassFields": true,

"module": "esnext",

"moduleResolution": "node",

"strict": true,

"jsx": "preserve",

"sourceMap": true,

"resolveJsonModule": true,

"esModuleInterop": true,

"lib": ["esnext", "dom"],

"paths": {

"@/*": [

"./src/*"

]

}

},

"include": [

"src/**/*.ts",

"src/**/*.d.ts",

"src/**/*.tsx",

"src/**/*.vue"

]

}

以上是 vue下使用ts引入@/xxx组件的问题 的全部内容, 来源链接: utcz.com/p/937036.html

回到顶部