使用create-vite创建项目后，默认vue文件里面引用vue的地方报错

最新推荐文章于 2024-12-12 11:30:12 发布
原创 最新推荐文章于 2024-12-12 11:30:12 发布 · 273 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #javascript #前端

文章讲述了在使用Vue时遇到Cannotfindmodule错误，解决方法是将tsconfig.json文件中compilerOptions->moduleResolution的值从bundler改为node，确保Node.js模块查找路径设置正确。

报错信息如下：Cannot find module 'vue'. Did you mean to set the 'moduleResolution' option to 'node', or to add aliases to the 'paths' option?

解决方案：

        将根目录下的tsconfig.json文件中的compilerOptions->moduleResolution的值从bundler修改成node即可。
 

vue无法创建项目create-vite-app projectName，提示错误：create-vite-app : 无法加载文件
前端程序员、项目经理、人工智能博主
10-31 3404
运行命令create-vite-app projectName创建项目控制台提示报错如下： 报错原因：我的是windows10没有管理权限，所以我们需要用管理员身份打开权限 操作如下： 1.打开windows PowerShell右键点击看到以管理员身份运行点击后打开 2.输入 set-ExecutionPolicy RemoteSigned运行然后出现以下界面再输入A或者Y即可成功 然后我们在我们编辑器控制台重新输入上面的命令create-vite-app projectName创建文件即可成功
Vue3 - Vite 安装与创建 vue3 项目（使用 vite 创建 vue 项目）
🏆 前端领域优质创作者
08-24 1万+
前言 为什么使用vite（官方解释）：https://vitejs.cn/guide/why.html 它是一款由尤雨溪开发的新工具，旨在代替webpack，利用浏览器现已支持ES6的基础，遇到import会发送一个请求去加载文件，vite拦截这些请求做一些预编译，省去了冗长的打包时间，从而提升开发体验，具体详见官方网站。 第一步：安装vite 也可使用yarn进行安装，本篇基于npm进行。 在任意位置终端执行如下代码： npminstall-gcreate-vit
Cannot find module ‘vue‘. Did you mean to set the ‘moduleResolution‘ option to ‘node‘, or to add ali
weixin_46773024的博客
04-26 8390
翻译过来是找不到 vue模块 需要将 moduleResolution设置成node。找到 tsconfig.json 文件。
【报错5】Cannot find module ‘vue‘. Did you mean to set the ‘moduleResolution‘ option to ‘node‘, or to ad
qq_61798306的博客
08-11 2563
报错：Cannot find module 'vue'. Did you mean to set the 'moduleResolution' option to 'node', or to add aliases to the 'paths' option?
使用vite创建的vue项目提示：Cannot find module ‘../views/xxxxxx.vue‘ or its corresponding type declarations.
飞得更高肥尾沙鼠
05-09 5475
使用vite创建的vue项目提示：Cannot find module '../views/xxxxxx.vue' or its corresponding type declarations.
安装vite框架，报错“Cannot find module ‘./App.vue‘ or its corresponding type declaration” 问题解决方法
qq_39111074的博客
03-13 1万+
安装vite框架，报错“Cannot find module ‘./App.vue‘ or its corresponding type declaration” 问题解决方法
Electron-Vite 项目搭建（Vue）
最新发布
Mr. Zhang Xiaojian's Blog
12-12 1492
electron-vite如果一切设置正确，能够看到Electron 应用程序。完成上述步骤后，脚手架将会自动搭建好项目结构。的文件夹，并在其中创建一个。桌面应用
精选资源
vue3+vite创建项目-（傻瓜式教程）
01-19
Vue3 + Vite 创建项目教程 Vue.js 是一个流行的前端框架，它的最新版本Vue3引入了许多新特性，如Composition API、Suspense、Teleport等，提供了更好的性能和更灵活的开发体验。Vite是由Vue.js作者尤雨溪开发的一款...
yarn create vite my-vue-app --template /vue关于yarn创建vite所遇到的坑，创建vite错误
前端小攻城狮的博客
08-06 6300
复盘收集到的其他可能解决方法，本来以为是路径问题，或者版本问题，没想到都不是，但是都记录一下吧，方便其他人查找解决。例如：C:\Program~1\nodejs\node_cache (这是 windows 的一种路径表达方式)Path修改这两处：＂D:\nodejs\＂和＂D:\nodejs\node_global＂;得到路径：C:\Program Files\nodejs\node_cache。yarn的安装包默认是在c盘的而我yarn安装在D盘的所以就会报这样的错误！2.修改node的全局环境....
vite+ts引入 .vue或 .ts文件时提示找不到模块
热门推荐
超超的博客
03-31 3万+
方式一：在你的src目录下创建一个 .d.ts结尾的文件 例如：env.d.ts 里面内容如下 方式二：其实和方式一的方法类似，就是在src下创建一个创建一个文件夹，名字自定义，然后创建一个 .d.ts文件，内容和方式一 一样。注：需要注意的是，如果创建文件夹，需要在你的tsconfig.json文件中声明一下，结构如下：我声明的文件夹名称为：typings 我在使用时出现这个问题的原因是因为配置的快捷路径导致的 在vue中使用快捷路径
vue3+vite中 使用@不能找到模块 Cannot find module ‘@/utils/request‘ or its corresponding type declarations
weixin_44168929的博客
05-08 9708
在引入ts 文件的时候，我使用 import requset from ‘@/utils/request’;/utils/request"的时候是可以引入的成功的，加上@ 不行，那问题可能与@有关。执行 npm i @types/node --save-dev 项目结构中会自动生成一个vite-env.d.ts文件。(2) 在 tsconfig.json中配置代码。(1)配置别名 vite.config.js。使用上面的代码，我的文件就可以正常引入啦。
解决Error: Cannot find module ‘vue-loader-v16/package.json‘
u011416588的博客
10-27 1018
cnpm i --save-dev vue-loader-v16
vue3 setup + ts + vite 项目问题解决：Cannot find module ... or its corresponding type declarations.（ts2307）
geejkse_seff的博客
03-01 1万+
昨日我尝试使用vue3 setup + ts + vite进行vue3项目的实现，遇到此问题： Cannot find module … or its corresponding type declarations.（ts2307） 文件报错类型以及ts官方错误说明： 这里以别名"@"为例子： // .vue文件 <script setup lang="ts"> import LoginApi from '@/apis/loginApi'; // (ts2307) import { getDat
Vue3学习-用 vite@latest 初始化项目后，遇到无法识别 .vue 文件
灬Manong 博客
05-23 894
2.在 tsconfig.json 文件， include配置项后添加。1.安装依赖 typescript-vue-plugin。2.在根目录 tsconfig.json 文件中添加。1.根目录创建 env.d.ts，添加。
问题解决：vscode 提示【Cannot find module ‘vue’. Did you mean to set the ‘moduleResolution’ option to ‘node’
Jay的博客
07-13 8494
创建Vue3的项目后，vscode红色波浪线提示【Cannot find module ‘vue’. Did you mean to set the ‘moduleResolution’ option to ‘node’, or to add aliases to the ‘paths’ option?抱着试一试的心态，我查看了自己vscode的版本为16.0.0，最新版本为18.0.0。于是我下载了最新的vscode安装包，更新vscode后果然提示语没有了。然而，上面的方法并不能解决我的问题。
报错：Cannot find module ‘vue‘. Did you mean to set the ‘moduleResolution‘ option to ‘node‘, or to add
小卡拉米的博客
01-24 2698
报错：Cannot find module 'vue'. Did you mean to set the 'moduleResolution' option to 'node', or to add
错误消息 “Cannot find module ‘vue’. Did you mean to set the ‘moduleResolution’ option to ‘node’, or to a
hhhxyyyzz的博客
01-15 3120
你可以检查你的项目的 tsconfig.json 或者 webpack 的配置文件中关于模块解析的配置选项，确保这些选项已经正确设置。如果你使用的是 TypeScript，你可以尝试设置 “moduleResolution” 选项为 “node”，或者通过添加路径别名到 “paths” 选项来解决这个问题。这个命令将列出你项目中已安装的 Vue 模块，如果 Vue 模块已经安装，你将能够在列表中看到它的版本号和所在路径。请确保你的设置是正确的，并按照你的项目的实际情况进行修改。
vue3-vite安装后main.ts文件和tsconfig.app.json文件报错解决
qq_39111074的博客
06-25 1万+
vue3-vite安装后main.ts文件和tsconfig.app.json文件报错解决
是使用 create-vue 还是 使用 create-vite
07-15
对于创建一个 Vue 项目，您可以选择使用 create-vue 或 create-vite，具体取决于您的需求。 - create-vue：这是一个基于 Vue CLI 的命令，用于创建传统的 Vue 2 项目。它提供了许多预配置的选项和功能，如路由、...
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值