TS项目中import图片时报错Cannot find module ‘xxx’ or its corresponding type declarations

在vue+ts项目中使用 import 的形式来引入照片时，会提示以下报错：

使用 import 的形式引入图片，ts无法识别非代码资源；但是js中这种写法是没有问题的。

我们需要新建一个 .d.ts 后缀的文件，文件中声明这个module（格式如下），而且这个文件只能放置在tsconfig.json文件中的include属性缩配置的文件夹下。只有这样，这类文件和ts文件才能被ts编译。

/* images.d.ts文件 */
declare module '*.svg'
declare module '*.png'
declare module '*.jpg'
declare module '*.jpeg'
declare module '*.gif'
declare module '*.bmp'
declare module '*.tiff'
                    vue+TS项目中import图片时报错Cannot find module ‘xxx’ or its corresponding type declarations在vue+ts项目中使用import的形式来引入照片时，会提示以下报错：原因：使用import的形式引入图片，ts无法识别非代码资源；但是js中这种写法是没有问题的。解决：我们需要新建一个.d.ts后缀的文件，文件中声明这个module（格式如下），而且这个文件只能放置在tsconfig.json文件中的include属性缩配置的文
				
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia
					
vue3 setup + ts + vite 项目问题解决：Cannot find module ... or its corresponding type declarations.（ts2307）
					
VUE3中出现Cannot find module ‘@/api/xxx.js‘ or its corresponding type declarations.
				
vue3+ts项目打包报Elementui内部的错
   Cannot find module 'element-plus/es/popper' or its corresponding type declarations.
解决方法：
在tsconfig.json文件，compilerOptions里加入  “skipLibCheck”: true,
				
这个错误意味着在您的项目中找不到'vue'模块或其对应的类型声明文件。通常情况下，这是因为缺少了必要的依赖项或者没有正确安装。
要解决这个问题，您可以按照以下步骤进行操作：
1. 确保您的项目中已经安装了'vue'依赖项。您可以运行以下命令来安装它：
   npm install vue
2. 如果您已经安装了'vue'，但仍然收到此错误，请确保您的'node_modules'文件夹中存在'vue'文件夹。如果不存在，请尝试删除'node_modules'文件夹并重新安装所有依赖项：
   rm -rf node_modules
   npm install
3. 如果您使用的是 TypeScript，还需要确保您的项目中包含了'vue'的类型声明文件。可以通过以下命令安装它：
   npm install --save-dev @types/vue
如果您按照以上步骤操作仍然无法解决问题，请确保您的项目配置正确，并且没有其他与'vue'相关的错误。如果问题仍然存在，请提供更多关于您的项目配置和错误细节的信息，以便我可以更好地帮助您解决问题。
                icon: 'InfoFilled'
            },        <el-icon v-if="item.children[0].meta.icon">
                <component :is="item.children[0].meta.icon"/>
              </el-icon>浏览器显示为<successfilled></successfilled>
                Vue3中element-plus全局使用Icon图标
                    momo_8848: 
                    有用,支持
                vue+ts项目中import图片时报错Cannot find module ‘xxx‘ or its corresponding type declarations
                    GuYun-D: 
                    最后我好像还是import导入的，然后加了@ts-ignore
                vue+ts项目中import图片时报错Cannot find module ‘xxx‘ or its corresponding type declarations
                    gaolaogui2: 
                    乱报错、生气