vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > Vue3+Vite“找不到模块“@/components/xxx.vue”或其相应的类型声明ts(2307)”

Vue3+Vite如何解决“找不到模块“@/components/xxx.vue”或其相应的类型声明ts(2307)”

作者:YUELEI118

在Vue项目中使用Vite时,可能因版本差异而需修改tsconfig.app.json而非tsconfig.json以解决编译错误,本文分享个人解决经验,供参考

1. 安装插件

pnpm i @types/node -D

2. 修改vite.config.ts文件

import path from 'path';

  resolve: {
    alias: {
      "@": path.resolve(__dirname,"./src"),
    },
  },

3. 修改tsconfig.app.json文件

别人教的都是修改tsconfig.json文件

但是我发现可能是因为版本的问题

我的tsconfig.json长这样:

tsconfig.app.json文件中添加

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

终于不报错了

4. vue和vite的版本

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文