当前位置：代码网 > it编程>前端脚本>Vue.js > Vue3+Vite如何解决“找不到模块“@/components/xxx.vue”或其相应的类型声明ts(2307)”

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

2024年10月27日 • Vue.js •我要评论

1. 安装插件pnpm i @types/node -d2. 修改vite.config.ts文件import path from 'path'; resolve: { alias: {

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的版本

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持代码网。

Vue3子组件watch无法监听父组件传递的属性值的解决方法

1 问题描述假设子组件 childcomponent 中有个属性a，默认值为 0，并且通过侦听器 watch 监听其数值变化。在父组件 parentcompon... [阅读全文]
Vue中使用md5进行数据加密的实现方法

引言在现代web开发中，数据安全是一个不可忽视的重要环节。vue.js作为一个流行的前端框架，不仅提供了强大的数据绑定和组件化功能，还支持与各种后端服务的集成，... [阅读全文]
Vue实现两个列表之间的数据联动的代码示例

基本概念与作用说明vue.js 是一个用于构建用户界面的渐进式框架，它通过声明式的数据绑定和组件化的架构，使得开发者可以轻松地创建复杂的单页应用。在vue中，数... [阅读全文]
一文详细了解Vue 3.0中的onMounted和onUnmounted钩子函数

一、什么是onmounted和onunmounted？vue 3.0带来了许多令人兴奋的新特性和改进，其中包括更强大的组合式api。在这篇文章中，我们将重点介绍... [阅读全文]
vue开发自定义的全局公共组件详解

vue开发自定义的全局公共组件这里我主要介绍两种自定义全局公共组件的方法第一种首先在components中新建一个文件夹，我这里做的是全局加载动画组件所以命名的... [阅读全文]
利用Vue实现将图片转换为Base64编码的方法

1.base64 编码的概念base64 是一种编码格式，它将二进制数据转换为一种基于64个可打印字符的表示形式。这种编码方式允许二进制数据在文本形式中安全地传... [阅读全文]