vue3+ts+vite中"@"路径失效的问题
"@"需要进行配置:
首先npm install @types/node --save-dev(需要用到node其中的path)
接着在vite.config.ts配置文件中进行配置:
引入 import path from ‘path’,然后进行配置
import path from ‘path’
resolve: {
alias: {
‘@’: path.resolve(__dirname, ‘./src’)
}
}
在tsconfig.json中compilerOptions进行配置
//配置@
"baseUrl": "./src",
"paths": { "@/*": ["src/*"] },
this.cliEngineCtor is not a constructor — idea的eslint太旧与项目自带eslint冲突的问题
可以参考:
这是因为 idea里面有默认的eslint插件,与项目使用的有区别。
可以这样处理:
this.cliEngineCtor is not a constructor
下面翻译一下:
找到你idea所在的eslint 文件,例如我的是:
打开,找到:
this.cliEngineCtor = requireInContext(eslintPackagePath + "lib/api", state.packageJsonPath).CLIEngine;
替换为:
this.cliEngineCtor = requireInContext(eslintPackagePath + "lib/cli-engine").CLIEngine;
然后重启idea。
Error: Plugin “@typescript-eslint” was conflicted between “.eslintrc.js » @vue/eslint-config-typescript” and “.eslintrc.js » plugin:@typescript-eslint/recommended » ./configs/base”.
解决方案:
pnpm remove @typescript-eslint/eslint-plugin
The requested module does not provide an export named
在vue页面中无法导入typescript定义的interface。
具体表现有:
可以这样处理:
1 - 明确告诉vue页面,我要使用的是typescript:
<script setup lang="ts">
2 - 导入的时候要添加type:
import type { Topic } from './models/topic'
如下图所示: