Cannot find module '@/utils/request' or its corresponding type declarations.Vetur...
报错示例，如图所示：
上述问题的产生，一般是由于
Visual Studio Code
中安装了
Vetur
插件，它要求：
-
1，项目在工作区根目录（就是把项目文件夹拖进 vscode 后的效果）
-
2，项目排在第一位（不在第一位可以鼠标拖动项目移到第一位）
直接把项目移至工作区的第一位：
【VSCode - Vetur 插件报错】Cannot find module ‘XXX‘ or its corresponding type declarations.Vetur(2307)
Cannot find module '@/utils/request' or its corresponding type declarations.Vetur(2307原因分析解决方案)原因分析报错示例，如图所示：上述问题的产生，一般是由于 Visual Studio Code 中安装了 Vetur 插件，它在检测 js/ts 模板时，只会检测 <script> 中的内容，而在使用 ts 语法时，<script> 标签中，会含有 lang="ts" 属性设置，如下所示：
报错
详情：类似于
// 编译器
报错
：
Cannot find
module
'@/xx/
xxx
' or its
cor
re
sponding
type
declaration
s.
Vetur
(
2307
)
// 编译器
报错
：
找不到模块“
XXX
.
vue
”或其相应的类型声明。ts(
2307
)
// 或者 控制台
报错
this.$router 等
解决方案配置：
// tsconfig.json
"compilerOptions": {
"target": "esnext",
webstorm
vue
3+ts
报错
:Cannot find
module
‘@/views/
xxx
.
vue
‘ or its
cor
re
sponding
type
declaration
s
SAE-2020-J3101 美国汽车协会2016年发布的关于车辆硬件安全方面的标准J3101。Automotive computer systems are required to establish trustworthiness through device identity, sealing, attestation, data integrity, and availability. These systems must be res小 ent to a wide range of attacks that cannot be thwarted through software-only security mechanisms. A hardware root of trust and the hardware-based security primitives are fundamentally necessary to satisfy demands of connected and highly or fully automated vehicles. This document provides a comprehensive view of security mechanisms supported in hardware for automotive use cases, along with best practices for using such mechanisms. The goal of this document is to provide a common reference that facilitates communication among engineers across different parts of the automotive supply chain relevant to hardware-enabled security features. Silicon vendors will find this document useful in understanding the hardware security foundations and their
cor
re
sponding
use cases and applications that they should support to address vehicle security needs. This document should also bring more order into the diverse nature of hardware security features, so products are developed with the end use case in mind and with the right level of security. ECU suppliers and system integrators will benefit from the different security requirements
and use cases outlined here as they assess the threats that affect their systems and the right hardware systems needed to address them.
yarn start
引发错误：
app/index.ts(1,15): error TS
2307
: Cannot find
module
'@libraries/a' or its
cor
re
sponding
type
declaration
s.
app/index.ts(2,15): error TS
2307
: Cannot find
module
'@libraries/b' or its
cor
re
sponding
type
declaration
s.
一、问题表述
当我们想在
vue
页面通过import
request
from '@client/
utils
/
request
’引入模块时，
Vetur
总是会提示Cannot find
module
‘@
xxx
x’ or its
cor
re
sponding
type
declaration
s。这样的错误，同时项目不能运行(如下图）。今天就解决以为这个问题。
二、项目中为什么使用别名进行模块导入?
如果使用相对导入(import myComponent from ‘…/…/…/components/myCompon
Cannot find
module
'@/
utils
/andts or its
cor
re
sponding
type
declaration
s.
出现这样的错误,将文件拖到工作区的第一位
我们通常创建一个文件夹 然后在控制台输入
vue
create 的脚手架命令
放在工作区的第一位就是如图 就是进入你项目中的文件夹 ，不要在外层
vue
+TS项目中import图片时
报错
Cannot find
module
‘
xxx
’ or its
cor
re
sponding
type
declaration
s
在
vue
+ts项目中使用import的形式来引入照片时，会提示以下
报错
：
使用import的形式引入图片，ts无法识别非代码资源；但是js中这种写法是没有问题的。
我们需要新建一个.d.ts后缀的文件，文件中声明这个
module
（格式如下），而且这个文件只能放置在tsconfig.json文件中的include属性缩配置的文
browser-image-conversion-dome
Here are some libraries about using the browser to do image processing (format conversion), and make the
cor
re
sponding
demo pages.
这里收集了一些关于使用浏览器做图片处理（格式转换）的库，并制作了相应的演示页面。
format conversion
format
intput data
type
mozjpeg
:check_mark:
:check_mark:
:check_mark:
gif to webp
:check_mark:
svg tiny
:check_mark:
svg text
psd to png
我辞去了Nomad旅行，从事开源工作以及进行独立学习/研究的工作。
Vetur
是我在开源方面的主要重点。 您的帮助将减轻我的财务负担，并使我有更多时间在
Vetur
上工作。 谢谢 :folded_hands:
感谢以下公司支持
Vetur
的发展：
从IDE内部请求并执行代码审查。 复查任何代码（即使这是尚未提交的正在进行的工作），并使用跳转到定义，您喜欢的键绑定和其他IDE工具。 。
：流行的
Vue
框架和您自己的自定义组件的自动完成和悬停信息
：
Vue
模板中的自动完成，悬停信息和类型检查
：CLI上的表面模板类型检查错误
：支持定义全局组件。
请参阅页面进行设置。
请参阅每个功能自己的页面以设置特定功能。
Vetur
速度慢（ ）时，您可以重新启动
Vue
语言服务
纱线pnp（ ）
麻省理工学院:co
今天使用
vscode
开发项目，在项目里一直报Cannot find
module
'eslint-plugin-babel'。 在项目里看，这个依赖是在package.json里是有的，而且确定是已安装过。
出现这种状态，是使用了
vscode
工作区的功能，就是一个窗口里，有多个项目。我这次打开项目，就出现了其中一个项目 报了这个错。 单独窗口打开项目没有这个
报错
。
从网上查了半天，也没找到解决方法。最后在github上
vscode
-eslint上的一个issue找到了一个解决方法。这个方法就是通过open
请参考官方文档：
FAQ |
Vetur
Vue
tooling for VS Code.https://
vue
js.github.io/
vetur
/guide/FAQ.html#
vetur
-can-t-recognize-components-imported-using-webpack-s-alias配置了之后如果没生效，继续往下看
第二个可能原因
没有将项目放在第一个，也就是说你的
vscode
打开的必须是你的项目，而不是一个文件夹里边包...
上面那个命令就是下面这个的缩写，这个指令会根据你项目的配置文件中，dependencies这个配置下，所记录的依赖，来一一下载。
大概只要
报错
找不到依赖之类的，都可以试试这个方法。
“cannot find
module
'./index.less' or its
cor
re
sponding
type
declaration
s”是一种常见的错误提示，通常出现在使用
Type
Script语言开发前端应用时。出现这个错误的原因通常是由于缺失某个依赖项，或者是某些依赖项未正确安装。
具体来说，这个错误通常是由于Less文件或其对应的类型声明文件（.d.ts文件）缺失或未正确引入所致。要解决这个错误，可以按照以下步骤操作：
1. 确认less和@
type
s/less两个依赖项已经正确安装。可以使用npm或yarn工具安装，例如通过运行以下命令安装：
npm install less @
type
s/less --save
2. 确认在
Type
Script配置文件tsconfig.json中设置了正确的paths配置项，以确保能够正确地找到less文件和类型声明文件。例如，可以添加以下类型声明路径配置项：
"compilerOptions": {
"baseUrl": ".",
"paths": {
"*": ["
type
s/*", "node_
module
s/*"],
"less": ["node_
module
s/less/dist/less.min.js"]
3. 如果还是无法解决问题，可以尝试清除缓存，重新安装依赖项，重新启动开发环境。有时候，一些问题可能是由于缓存或安装不完整的依赖项所致，重新安装和清除缓存有时能够解决问题。
总之，“cannot find
module
'./index.less' or its
cor
re
sponding
type
declaration
s”可能是由于各种原因导致的，需要根据具体情况采取不同的解决方案。如果无法解决，可以尝试查看其他开发者的类似问题解决方法或者在相关的社区或论坛上发帖求助。
【VSCode - Vetur 插件报错】Cannot find module ‘XXX‘ or its corresponding type declarations.Vetur(2307)
18188
Suggestion [3,General]: 找不到命令 webpack，但它确实存在于当前位置。默认情况下，Windows PowerShell 不会从当前位置加载命令。如果信任此命令，请改为键
14285
【Error】Failed to load plugin ‘react-internal‘ ...：Cannot find module ‘eslint-plugin-react-internal‘
【Linux】Grub-UEFI error... “file `/grub/x86_64-efi/normal.mod` not found“
