vue3+vite项目引入vue报错
把tsconfig.json配置项moduleResolution："bundler"改为 moduleResolution："node"就可以了
"compilerOptions"
:
{
"target"
:
"ES2020"
,
"useDefineForClassFields"
:
true
,
"module"
:
"ESNext"
,
"lib"
:
[
"ES2020"
,
"DOM"
,
"DOM.Iterable"
]
,
"skipLibCheck"
:
true
,
"moduleResolution"
:
"node"
,
"allowImportingTsExtensions"
:
true
,
"resolveJsonModule"
:
true
,
"isolatedModules"
:
true
,
"noEmit"
:
true
,
"jsx"
:
"preserve"
,
"strict"
:
true
,
"noUnusedLocals"
:
true
,
"noUnusedParameters"
:
true
,
"noFallthroughCasesInSwitch"
:
true
"include"
:
[
"src/**/*.ts"
,
"src/**/*.d.ts"
,
"src/**/*.tsx"
,
"src/**/*.vue"
]
,
"references"
:
[
{
"path"
:
"./tsconfig.node.json"
}
]
Cannot find module ‘vue‘. Did you mean to set the ‘moduleResolution‘ option to ‘node‘, or to add ali
把tsconfig.json配置项moduleResolution："bundler"改为 moduleResolution："node"就可以了。vue3+vite项目引入vue报错。
3.1、根据上诉提示，其实已经告诉了问题来源，本地没有
node
_
module
s 包，需要先运行命令 npm install 进行安装
npm install # npm i / cnpm install 都可以
3.2、若还是不行，就将本地
node
_
module
s 目录删除，重新 npm ins
main.ts 文件报错：
Cannot
find
module
‘
vue
’.
Did
you
mean
to
set
the ‘
moduleResolution
’
option
to ‘
node
’, or to
add
ali
ases to the ‘paths’
option
?
tsconfig.app.json 文件报错：在没有 “
node
” 模块解析策略的情况下，无法指定选项 “-resolveJson
Module
”。
解决办法：
删掉项目中
node
_
module
s文件夹 ; 然后再 重新下载一下 cnpm install
补充知识：
vue
在npm run dev时报错Error:
Cannot
find
module
‘xxx‘
今天在做项目时出现了下面这个错误，找了很多博客，都说改一下代码写法就行了。不过视情况而定，有点时候有些代码改起来很麻烦，千丝万缕的关系，不是说改一下代码就行了的。
然后就试了很多方法，最后发现是
node
版本的原因，当时用的是
node
的最新版本@14.6.0，个人认为是新版本里面的插件不支持某些东西（我也不确定），所以无论怎么清除缓存怎么重新下载依赖包都不行。
作者原文：
Cannot
find
module
这个是以为我们安装的项目缺少依赖：
npm install 是安装项目所需要的依赖，简单理解就是安装一些必要的插件，需要等一段时间；
当然我们也可以用国内的淘宝镜像比较快一点，cnpm isntall 安装依赖，安装完成后，cnpm run dev就可以了
版权声明：本文为CSDN...
因为重装系统，原来安装在c盘的
node
js被清了，系统的相关环境变量也没有了，在重新安装配置
node
js、webpack、cnpm淘宝镜像、
vue
脚手架后，尝试运行在E盘的项目。
先删除项目的
node
_
module
s文件夹，然后在项目的cmd命令行窗口执行：npm run serve，提示错误：ERROR Error:
Cannot
find
module
'
vue
-loader-v16/package.json'
在cmd命令行窗口中执行：cnpm i --save-de.
Cannot
find
module
'@/views/login/index'
Failed to resolve async component default
vue
-router.esm.js:1897 Error:
Cannot
find
module
'@/views/login/index'
at webpackEmptyContext (index.js:39)
at permission.js:90
进入router中的index.js
component: () => import('@/views/login/index'),
compon
解决
Cannot
find
module
'@sentry/webpack-plugin'，
Cannot
find
module
'@sentry/browser'，
Cannot
find
module
'@sentry/cli'等问题。<br/>
下载后，解压后文件夹，放在
vue
项目的
node
_
module
s文件夹下，即可。
出现这个问题的原因是缺少了 ‘
vue
-template-compiler’ 模块。这类问题解决方案基本上都一样，网上也很多，在这里我写个随笔记录下。1、在项目内运行命令：
2、全局安装
使用上面两个任意一个方案即可，输入 命令，即可成功启动项目...
vue
3+ts项目打包报Elementui内部的错
Cannot
find
module
'element-plus/es/popper' or its corresponding type declarations.
解决方法：
在tsconfig.json文件，compiler
Option
s里加入 “skipLibCheck”: true,
vue
报错
Cannot
find
module
‘./某个
vue
undefined’，并且后端传来的数据渲染不上。
不是说没有这个模块或者找不到这个模块，很可能是后端传来的数据不符合JSON规范，后端数据写的不是标准的json数据。
很可能一个小小的逗号，或者分号就会报这个错误。
解决办法：
把后端数据粘贴到在json在线校验网站上面，查看是否报错。
json在线校验网站
如果某个地方报错，找到这个报错的地方。
去后台找到这个地方，鼠标选中它，ctrl+R 全部替换 为正确的，即可。
通常而言，解决这个问题有几种可能的方法：
1. 验证路径：首先，需要检查代码中是否正确引用了名为“./view”的模块。确保路径的拼写和大小写都是正确的，并且文件确实存在于该路径下。如果路径错误或者文件不存在，就需要修复引用路径。
2. 安装模块：如果确实缺少名为“./view”的模块，那么需安装这个模块。使用NPM命令（如`npm install 模块名`）或者Yarn命令（如`yarn
add
模块名`）来安装该模块。确保安装的模块版本与代码中指定的版本一致。
3. 检查目录结构：如果没有错误提示的模块，你可能需要检查项目目录结构，确保相应的文件或模块确实存在于正确的位置。有时，文件可能会被误放置或意外删除。
4. 更新依赖：如果以上方法都没有解决问题，那么可能是由于依赖包不兼容所导致的。首先，尝试更新项目的依赖包，可以使用NPM或Yarn来更新依赖。如果问题仍然存在，那么可能是因为依赖包之间存在不兼容的版本冲突，此时需要进一步检查依赖项。
综上所述，当出现“failed to resolve async component default: error:
cannot
find
module
'./view'”这个错误时，我们可以检查引用的路径是否正确，确认所需的模块已经正确安装，检查目录结构是否正确以及更新依赖包等方式来解决问题。
### 回答2：
出现"failed to resolve async component default: error:
cannot
find
module
'./view"这个错误是因为在异步组件中找不到"./view"这个模块。
出现这个错误的原因可能有以下几种：
1. 路径错误：检查一下路径是否写错了，确保"./view"对应的文件或模块存在，并且文件路径正确。
2. 文件缺失：如果确保路径正确，还是报错找不到模块，那可能是因为"./view"这个模块确实不存在了，可能是由于文件被删除或者移动导致的。
3. 缺少依赖：如果"./view"是一个自定义模块，可能是因为在该模块的代码中使用了某个依赖，但是该依赖未安装或未配置。需要确保所有依赖都已正确安装并配置好。
4. webpack配置问题：如果是在使用webpack打包项目过程中出现该错误，可能是由于webpack的配置问题。可以检查webpack配置文件中是否正确设置了模块的解析路径。
总结：要解决这个错误，需要确保路径正确并且对应的模块存在，检查文件是否缺失，同时也要确保所有依赖都已正确安装并配置好。如果是在使用webpack打包项目过程中出现该错误，需要检查webpack的配置是否正确。
### 回答3：
出现"failed to resolve async component default: error:
cannot
find
module
'./view"的错误是因为在组件的异步加载过程中找不到"./view"模块。这个错误通常出现在使用
Vue
的异步组件加载时。
要解决这个问题，可以按以下步骤进行调试和修复：
1. 首先，确保指定的组件路径是正确的。检查组件定义中是否正确指定了组件的路径，包括文件路径、文件名以及文件后缀名。可能是路径拼写错误或者文件位置错误导致无法找到"./view"模块。
2. 如果组件是通过import语句引入的，确保import语句中指定的路径是正确的。可以尝试使用相对路径或绝对路径来引入组件，以保证路径的准确性。
3. 检查异步加载组件的代码，确保代码逻辑正确。可以清除浏览器缓存，重新刷新页面，重新加载组件，以排除缓存导致的错误。
4. 检查组件所依赖的其他模块是否存在或者正确引入。有时，组件依赖的其他模块可能不存在或者路径错误，导致无法找到"./view"模块。可以确认依赖模块的存在和引入方式是否正确。
5. 如果仍然无法解决问题，可以尝试将组件的定义转换为同步加载，即不使用异步加载的方式。这样可以排除异步加载过程中的错误，但也会降低加载性能。
总结来说，"failed to resolve async component default: error:
cannot
find
module
'./view"的错误一般是由于路径或者依赖错误导致找不到"./view"模块。通过仔细检查路径、引入方式和依赖，可以解决这个问题。此外，也可以尝试转换为同步加载来解决错误。
