解决vscode红色波浪线的ts报错:找不到模块“store” ts(2307)，不识别@别名路径

使用TS构建vue3项目时，如果使用例如 import { store } from ‘@/store/user’ 发生红色波浪线报错，说明ts不识别@别名，可以修改 tsconfig.json 文件，添加 baseUrl 和 paths 2个属性：

// 在 compilerOptions 对象里添加 baseUrl 和 paths
{"compilerOptions": {"target": "esnext","useDefineForClassFields": true,"module": "esnext","moduleResolution": "node","strict": true,"jsx": "preserve","sourceMap": true,"resolveJsonModule": true,"esModuleInterop": true,"lib": ["esnext", "dom"],"baseUrl": ".","paths": {"@/*": ["src/*"],}},"include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],"references": [{ "path": "./tsconfig.node.json" }]
}

paths 里面可以继续添加其他你想使用的别名路径

如果你使用了vite，还需要看看你的vite.config.ts里面有没有配置alias别名路径

export default defineConfig({plugins: [vue()],resolve: {alias: {'@': path.resolve(__dirname, 'src'),}},
})

解决vscode红色波浪线的ts报错:找不到模块“store” ts(2307)，不识别@别名路径相关推荐

解决VScode安装Babel转码器报错：无法将“cnpm“项识别为cmdlet\函数、脚本文件或可运行程序的名称的问题
解决VScode安装Babel转码器报错:无法将"cnpm"项识别为cmdlet\函数.脚本文件或可运行程序的名称的问题报错结果如下: 解决方案第一步:安装npm 点我安装np ...
vscode vuejs项目import报错找不到模块“@/assets/image/BackGroun.png”或其相应的类型声明。
项目场景: 这一段代码报错原因分析: 情况一:引入图片,需要在return 中声明,例如上类问题解决方案为: 情况二:引入的文件中style标签中有lang="scss",解决方 ...
TypeScript报错--找不到模块“path”或其相应的类型声明
TypeScript项目报错说:找不到模块"path"或其相应的类型声明解决办法: tsconfig.json文件,往types数组中增加node.如下图
gmod的css模块放哪里,webpack打包css报错找不到模块？
环境:webpack3.10.0 webpack.config.js配置如下: const path = require('path'); const HtmlWebpackPlugin = requ ...
如何解决vscode使用ajax获取本地文件报错问题
在使用ajax获取本地文件时,我们有可能会遇到一下情况: 控制台显示:Access to XMLHttpRequest at 'file:///E:/ajax-project/express/hell ...
当vue3+vite创建的项目，报错“找不到模块“@/utils/index”或其相应的类型声明”
1.在vite.config.ts中设置别名 import { defineConfig } from 'vite' import uni from '@dcloudio/vite-plugin-un ...
Maven项目中出现红色波浪线的解决过程
一.问题分类对于Maven项目出现红色波浪线可以首先对报错情况进行分析,我遇到的两种表现形式(还有其他的形式,请多多指教): 形式一:所用文件均出现红色波浪线(此问题可能是配置问题) 形式二:mav ...
vue3 +Ts后导包出现红色波浪线【vscode】
这里是因为我们用的Vetur插件的template模板检测没有对Vue3.0做兼容,所以需要我们手动去关掉template模板检测. 找到VSCode的设置里面的Vetur中的template,取消选 ...
vue项目在vscode中编译eslint报错没显示红色波浪线提示
vue项目在vscode中编译eslint报错没显示红色波浪线提示. 如下图所示: 下图是预期效果: 不符合Eslint校验规则的代码位置都能展示出来,这样一目了然.能帮助我们迅速找到报错的位置. 然 ...

解决vscode红色波浪线的ts报错:找不到模块“store” ts(2307)，不识别@别名路径

解决vscode红色波浪线的ts报错:找不到模块“store” ts(2307)，不识别@别名路径相关推荐

最新文章

热门文章