找不到模块“@vitejs/plugin-vue”。你的意思是要将 “moduleResolution“ 选项设置为 “node“，还是要将别名添加到 “paths“ 选项中?

已于 2024-01-19 21:09:40 修改
阅读量1.2k 收藏 12
点赞数 11
文章标签： vue.js node.js 前端
于 2023-12-31 22:22:47 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_63652597/article/details/135320176
版权

关于在使用vite创建项目中main.ts找不到vue模块tsconfig.node.json中 "moduleResolution": "bundler"无效以及vite.config.ts中

 "moduleResolution": "bundler"无效

以及vite.config.ts中的若干问题的解决方案

解决方法：

  1. 选中一个ts文件，此时vscode右下角语言显示Typescript
  2. 选中TypeScript左侧‘{}’
  3. 点击选择版本,然后编译器上方出现配置选项

  4. 选择工作区版本

      

一只无聊猿
关注
  • 11
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
plugin-legacy
04-21
@ oclif / plugin-legacy 转换较旧样式的插件以与oclif兼容
详解Vue的组件中data选项为什么必须是函数
10-14
主要给大家介绍了关于Vue的组件中data选项为什么必须是函数的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者使用Vue具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
【vite】找不到模块“vite”或其相应的类型声明
stay hungry, stay foolish
01-19 3100
用vite搭建项目时，在vite.config.ts文件中 ts报错【找不到模块@vitejs/plugin-vue或其相应的类型声明】
打开Vue3项目出现报错： 找不到模块“vue”。你的意思是要将 “moduleResolution“ 选项设置为 “node“，还是要将别名添加到 “paths“ 选项中?
weixin_46106673的博客
11-29 1449
解决办法：https://www.5axxw.com/questions/simple/cdbw04
vscode 报错——你的意思是要将 “moduleResolution“ 选项设置为 “node“，还是要将别名添加到 “paths“ 选项中?
最新发布
Skybububu的博客
03-07 496
vscode 报错——你的意思是要将 "moduleResolution" 选项设置为 "node"，还是要将别名添加到 "paths" 选项中?
使用 Vite 和 TypeScript 从零打造一个属于自己的 Vue3 组件库
油墨香^-^的博客
07-19 5284
随着前端技术的发展，业界涌现出了许多的UI组件库。例如我们熟知的ElementUI,Vant，AntDesign等等。但是作为一个前端开发者，你知道一个UI组件库是如何被打造出来的吗?读完这篇文章你将学会如何使用pnpm搭建出一个Monorepo环境如何使用vite搭建一个基本的Vue3脚手架项目如何开发调试一个自己的UI组件库如何使用vite打包并发布自己的UI组件库作为一个前端拥有一个属于自己的UI组件库是一件非常酷的事情。...
解决vue动态路由异步加载import组件,加载不到module的问题
10-15
主要介绍了解决vue动态路由异步加载import组件,加载不到module的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vite.config.js配置-解决跨域问题，以及@vitejs/plugin-vue等报错
1937
12-31 1万+
vite.config.js配置-解决跨域问题,以及简单的配置，@vitejs/plugin-vue相关的报错，defineConfig的报错；Cannot find module 'node:path'等报错
vite项目中导入图片后报找不到模块处理方法
weixin_45315794的博客
12-27 4474
vite项目+typescript的项目中 导入图片后报找不到模块处理方法 问题 在使用ts书写代码时，导入本地文件夹中图片，会出现报错：****找不到模块，但是又能正常使用该图片。 这样的报错启动项目是没有问题，但是最好打包会报错。所以不得不处理 处理方法： 我们需要主动的去声明这个module。新建一个ts声明文件如：images.d.ts（如下）就可以了。这样ts就可以识别svg、png、jpg等等图片类型文件。项目编译过程中会自动去读取.d.ts这种类型的文件，所以不需要我们手动地加载他们。当
cannot find module ‘@vitejs/plugin-vue‘ or its corresponding type declarations.ts
T追梦人的博客
07-17 6695
今天将一个vite项目的代码拉取下来，按照以前的步骤来操作：npm install 发现运行的时候报错，同时vite.config.ts也报错。已经运行了npm install @vitejs/plugin-vue 的命令还是不行。最后重新拉了一下代码，输入。
vite 插件和常用配置
qq_42463315的博客
03-30 3389
插件 1、vite提供的vitejs/plugin-vue import vue from '@vitejs/plugin-vue' plugins: [ vue() ] 2、打包文件压缩插件 npm install vite-plugin-compression -D import compressPlugin from 'vite-plugin-compression' plugins: [ compressPlugin({ deleteOriginFi.
vite项目开发常用插件
pzy_666的博客
02-13 3187
@vitejs/plugin-vue 作用： 用于编辑vue文件 注意： 该插件适用于vue3 npm 官方仓库 gitee镜像 plugin-vue-jsx 作用： 添加vue3对tsx和jsx的支持 npm 官方仓库 vite-plugin-svg-icons 作用： 统一引入svg文件资源，作为图标使用 npm 官方仓库 vite-plugin-eslint 作用： 给vite加入运行时的eslint支持 npm 官方镜像 vite-plugin-mock 作用： 用于模拟后端的服务
npm install报错peerDependencies WARNING eslint-plugin-vue@^5.2.3 requires a peer of eslint@^5.0.0 but
01-07
1、问题场景： npm install 报错，以为是npm问题，改成cnpm install，也还是报错，根据错误信息提示，推断是eslint版本不兼容。 报错提示： peerDependencies WARNING eslint-plugin-vue@^5.2.3 requires a peer of eslint@^5.0.0 but [email protected] was installed peerDependencies WARNING eslint-plugin-vue@5.2.3 › vue-eslint-parser@^5.0.0 requires a peer of eslint@
vite-plugin-vue-i18n:Vue I18n的快速插件
04-09
:globe_with_meridians: @ intlify / vite-plugin-vue-i18n Vue I18n的Vite插件 :handshake: 支持新项目 Intlify Project是一个开源项目，其中包括Vue I18n和i18n工具和自由软件，其持续的开发完全依靠赞助商的支持。 如果您想成为赞助商，请考虑： :1st_place_medal: 金牌赞助商 :2nd_place_medal: 银牌赞助商 :3rd_place_medal: 青铜赞助商 :star: 特征 i18n资源预编译 i18n自定义块 静态捆绑进口 捆绑优化 :optical_disk: 安装 NPM $ npm i --save-dev @intlify/vite-plugin-vue-i18n 纱 $ yarn add -D @intlify/vite-plugin-vue-i18n :warning: 注意 安装此插件后，Vue I18n只能使用Composition API，如果要使用Legacy API，则需要将compositionOnly选项设置为f
Vite的虚拟模块插件-JavaScript开发
05-26
vite-plugin-virtual带HMR插件的虚拟模块，用于Vite入门安装Vite插件虚拟：$ npm install -D vite-plugin-virtual添加到vite-plugin-virtual带HMR插件的虚拟模块，用于Vite入门，安装Vite虚拟插件： $ npm install -D vite-plugin-virtual添加到您的vite.config.js：从“ vite-plugin-virtual”导入{虚拟}导出默认{插件：[virtual（{'virtual：module'：`export default { hello：'world'}`，'virtual：config'：{hello：'world'}}）]}在您的源代码中，您现在可以导入虚拟模块，从'virtual：config'console.log（obj）导入obj。
vite-plugin-vue2:Vite的Vue2插件
03-31
vite-plugin-vue2 用法 运行yarn add vite-plugin-vue2 --dev 将插件添加到vite.config.js // vite.config.js const { createVuePlugin } = require ( 'vite-plugin-vue2' ) module . exports = { plugins : [ ...
手动解决Cannot find module '@sentry/webpack-plugin'等问题
10-06
解决Cannot find module '@sentry/webpack-plugin'，Cannot find module '@sentry/browser'，Cannot find module '@sentry/cli'等问题。<br/> 下载后，解压后文件夹，放在vue项目的node_modules文件夹下，即可。
jiaminghi/data-view dataV for vite2 vue3 windows补丁 for pnpm
03-19
官网直接安装的不支持vite2+vue3的 主要修复： 1.build或者dev项目时不报错，兼容vite2...2.将other_modules压缩包解压并覆盖到项目的node_modules文件夹下即可 调用方法，请参考官网文档http://datav.jiaminghi.com/
vue3引入.vue文件以及.ts文件时提示找不到模块
热门推荐
qq_40606563的博客
07-30 2万+
vite+ts+volar的报错
找不到模块“@vitejs/plugin-vue”。你的意思是要将 "moduleResolution" 选项设置为 "node"，还是要将别名添加到 "paths" 选项中?
01-18
根据提供的引用内容，解决找不到模块"@vitejs/plugin-vue"的问题有两种方法： 方法一：将"moduleResolution"选项设置为"node" 在你的项目的tsconfig.json文件中，将"moduleResolution"选项的值设置为"node"，这样可以告诉TypeScript使用Node.js的模块解析方式来查找模块。 ```json { "compilerOptions": { "moduleResolution": "node" } } ``` 方法二：将别名添加到"paths"选项中 在你的项目的tsconfig.json文件中，将"paths"选项添加一个别名，指向正确的模块路径。 ```json { "compilerOptions": { "paths": { "@vitejs/plugin-vue": ["node_modules/@vitejs/plugin-vue"] } } } ``` 请注意，根据你的具体情况选择其中一种方法进行配置。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值