【Error: Cannot find module ‘unplugin-vue-components/vite‘】vite按需引入报错

最新推荐文章于 2024-05-30 23:06:31 发布
最新推荐文章于 2024-05-30 23:06:31 发布
阅读量1.2w 收藏 1
点赞数 2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hwh_09123/article/details/123662968
版权

Vite unplugin-vue-components 错误解决 版本降级 组件使用
关键词由CSDN通过智能技术生成

最近在使用vite搭建项目遇到这样一个问题，在引入了unplugin-vue-components/vite插件之后发现运行后报以下错误

删除node_modules后 重新install依旧不行；

最开始 我的node版本是V12.14.0 ,使用版本unplugin-vue-components 0.18.3

因为不想重新安装node，于是尝试将 "unplugin-vue-components":版本降低到"^0.14.3"

运行成功，组件正常使用！ 

时节好雨1993
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
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工具和自由软件，其持续的开发完全依靠赞助商的...
Vue安装Vue Devtools调试工具提示 Error: Cannot find module ‘@vue-devtools/build-tools’ 解决办法
01-08
我看网络上面安装Vue Devtools 调试工具的步骤几乎都是按照文章链接里的步骤进行安装：安装链接详情  但是在最终执行编译命令的时候 ：npm run build ，提示如下错误： 尝试了很多方法，都不能解决改问题。 为了...
vite项目启动报错【 Cannot find module ‘unplugin-vue-components/vite 】
HelloWord176的博客
06-01 2947
vite项目启动项目报错
Error: Cannot find module ‘D:\项目\vite\bin\vite.js‘
weixin_45332196的博客
10-11 7905
Error: Cannot find module 'D:\项目\vite\bin\vite.js'
vue3公共组件,自定义自动导入插件(unplugin-vue-components)
最新发布
zhw_1219的博客
05-30 226
vue3公共组件,自定义自动导入插件(unplugin-vue-components)
npm run dev 疑难解答
weixin_45055317的博客
12-05 1952
npm run dev相关错误如下。
vite 项目报错：‘Cannot find module ‘unplugin-vue-components/vite’
qq_43654065的博客
08-11 4401
更改node版本，使用nvm use更改版本到14。项目可以正常启动了。经百度可知，是因为node版本太低，我使用的是12。
解决vite项目启动报错： Cannot find module @rollup/rollup-darwin-arm64
热门推荐
k1_maple的博客
12-11 1万+
报错信息：Error: Cannot find module @rollup/rollup-darwin-arm64. npm has a bug related to optional dependencies (https://github.com/npm/cli/issues/4828). Please try。这是个老问题了，报错里已经给出了提示，原因是。这个文件里面出现了错误的module。
记录vite+element-plus按需引入，附报错“Cannot find module ‘unplugin-element-plus/vite‘”解决方案
qq_36821274的博客
06-06 7297
记录vite+element-plus按需引入，附报错“Cannot find module 'unplugin-element-plus/vite'”解决方案
【报错问题】Vue 运行时提示 Error: Cannot find module ‘chalk’
01-07
运行 'npm run build' 时，提示错误 Error: Cannot find module 'chalk' 三、解决办法 3.1、根据上诉提示，其实已经告诉了问题来源，本地没有 node_modules 包，需要先运行命令 npm install 进行安装 npm install...
手动解决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文件夹下，即可。
解决vue项目中遇到 Cannot find module ‘chalk‘ 报错的问题
01-21
补充知识：vue在npm run dev时报错Error: Cannot find module ‘xxx‘ 今天在做项目时出现了下面这个错误，找了很多博客，都说改一下代码写法就行了。不过视情况而定，有点时候有些代码改起来很麻烦，千丝万缕的关系...
cannot find module ‘@vitejs/plugin-vue‘ or its corresponding type declarations.ts
T追梦人的博客
07-17 7194
今天将一个vite项目的代码拉取下来，按照以前的步骤来操作：npm install 发现运行的时候报错，同时vite.config.ts也报错。已经运行了npm install @vitejs/plugin-vue 的命令还是不行。最后重新拉了一下代码，输入。
vue 报错 Cannot find package ‘unplugin-vue-components‘ 解决
分享互联网的有趣知识~
09-24 5367
vue 报错 Cannot find package 'unplugin-vue-components' 解决
使用vite报错：error when starting dev server:Error: Cannot find module ‘unplugin-vue-components/vite‘
wq123123423432的博客
07-01 5838
使用vite报错：error when starting dev server:Error: Cannot find module 'unplugin-vue-components/vite'
vite - vue 中 typescript 中使用@ 前缀的别名提示错误（cannot find module...）
Peyzhang的博客
03-31 2722
在 Vue.js 中，使用 “@” 符号作为别名来引用项目中的相对路径是一个常见的做法。如果你在 VSCode 中使用这种方式，但是 VSCode 不能正确识别别名，则可能是由于你的项目没有正确配置别名导致的。另外，如果你使用的是 Vue CLI 创建的项目，它已经默认配置了别名，你可以在 vue.config.js 文件中查看或修改这些配置。完成配置后，你就可以在你的 Vue.js 项目中使用 @ 符号作为别名来引用相对路径了。在完成配置后，VSCode 应该能够正确识别你的别名了。
vue:Vite启动项目报错Error: Cannot find module ‘worker_threads‘
weixin_42464106的博客
07-06 3349
Vite启动项目时报错Error: Cannot find module 'worker_threads'，是因为node版本太低的缘故。
vue3按需引入Element Plus
ZMH的博客
03-13 1138
使用vite工具引入 最开始是使用webpack工具引入，但是按照教程文档还是无法引入，所以使用vite工具 包的安装 cnpm install -D unplugin-vue-components unplugin-auto-import cnpm install vite-plugin-style-import vite-plugin-components 配置文件 创建 vite.config.ts文件，插入代码 // vite.config.ts import AutoImport from 'u
element-plus按需引入
Annie的博客
04-06 8039
项目中只用到一个 element-plus组件？全局引入项目太重？按官网文档引入后报错？看这里就对了。 1、安装并引入 unplugin-element-plus（参考链接） npm i unplugin-element-plus -D // 以 vue.config.js 中的配置为例 module.exports = { configureWebpack: { plugins: [ require('unplugin-element-plus/webp...
Error: Cannot find module 'unplugin-vue-components/webpack'
02-28
这个错误是由于在你的项目中缺少了名为'unplugin-vue-components/webpack'的模块导致的。这个模块可能是你的项目所依赖的一个插件或者库。 要解决这个错误，你可以尝试以下几个步骤： 1. 确保你的项目中已经安装了'unplugin-vue-components'模块。你可以通过运行以下命令来安装它： ``` npm install unplugin-vue-components ``` 或者 ``` yarn add unplugin-vue-components ``` 2. 如果你已经安装了'unplugin-vue-components'模块，但是仍然出现这个错误，那么可能是因为模块的版本不兼容。你可以尝试更新模块的版本，或者查看文档以了解是否有其他依赖项需要安装。 3. 如果以上步骤都没有解决问题，那么可能是因为你的项目配置文件中缺少了对'unplugin-vue-components/webpack'模块的引用。你可以检查你的项目配置文件（如webpack配置文件）中是否正确引入了该模块。 希望以上信息对你有帮助！如果你还有其他问题，请随时提问。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值