| vue3+vite+ts：使用@符号，实现定位在src目录下。(.vue文件无法使用@，import其他模块) | 您所在的位置：网站首页 › onedrive报错找不到切入点 › vue3+vite+ts：使用@符号，实现定位在src目录下。(.vue文件无法使用@，import其他模块) |
|
情况说明：在.vue后缀的文件中，引入ts文件，使用’@/xxx/xxx/xxx’报错找不到相应类型声明 解决办法：需要在默认生成的配置文件中，添加如下设置。 第一步：找到文件工程目录下的tsconfig.json文件，在CompilerOptions中加上baseUrl和paths两个参数。 { "CompilerOptions": { //解析非相对模块的基础地址，默认是当前目录 "baseUrl": "./", //路径映射，相对于baseUrl "paths": { "@/*": ["./src/*"] }, } }第二步：找到文件工程目录下的vite.config.ts文件。加入如下内容 1、导入import path import path from 'path'2、defineConfig添加如下内容 resolve: { alias: { '@': path.resolve(__dirname, 'src') } }最后vite.config.ts文件全部内容如下： import {defineConfig} from 'vite' import vue from '@vitejs/plugin-vue' import path from 'path' // https://vitejs.dev/config/ export default defineConfig({ resolve: { alias: { '@': path.resolve(__dirname, 'src') } }, plugins: [vue()] })这时候就可以正常使用@符号啦，这里@符号是设置的src文件目录下，如有需要可以修改。 |
| 今日新闻 |
| 推荐新闻 |
| 专题文章 |
| CopyRight 2018-2019 实验室设备网 版权所有 |