vite项目启动报错【 Cannot find module ‘unplugin-vue-components/vite 】

最新推荐文章于 2025-09-10 22:59:38 发布
原创 最新推荐文章于 2025-09-10 22:59:38 发布 · 3.3k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #npm #vue3 #vite

博客提醒在进行Vue项目时，需优先检查Node版本，建议使用14以上版本，避免因版本过低产生问题。

vite项目启动报错

请优先检查你的node版本是不是太低，建议版本14以上
uniapp报错[plugin:vite:import-analysis] Cannot find module ‘@dcloudio/uni-components/style/audio.css
代码简单说 Vue、JAVA、PHP、Node.js 熟练运用，接口、架构、性能全搞定。
04-23 977
uniapp #音频播放 #音频通话 #webrtc #h5开发 #renderjs今天在搞一个 WebRTC 的音频通话功能，想着用最简单的方式试试，直接用<audio>一脸懵逼。
【Error: Cannot find module ‘unplugin-vue-components/vite‘】vite按需引入报错
热门推荐
hwh_09123的博客
03-22 1万+
【Error: Cannot find module 'unplugin-vue-components/vite'】vite按需引入报错
UnoCSS在Vite项目中引入报错解决方案
gitblog_00928的博客
09-10 290
最近在使用UnoCSS时，部分开发者反馈在Vite项目中引入UnoCSS插件时遇到了报错问题。具体表现为在vite.config.js中引入unocss时出现模块加载错误，而将UnoCSS版本降级到0.56.5后却能正常运行。 ## 问题原因分析 经过技术团队调查，发现这个问题源于UnoCSS从某个版本开始对模块系统进行了调整。最新版本的UnoCSS Vite插件现在仅支持ES模块(ESM)格...
vite 项目报错：‘Cannot find module ‘unplugin-vue-components/vite’
qq_43654065的博客
08-11 5202
更改node版本，使用nvm use更改版本到14。项目可以正常启动了。经百度可知，是因为node版本太低，我使用的是12。
使用vite报错：error when starting dev server:Error: Cannot find module ‘unplugin-vue-components/vite‘
wq123123423432的博客
07-01 6554
使用vite报错：error when starting dev server:Error: Cannot find module 'unplugin-vue-components/vite'
记录vite+element-plus按需引入，附报错“Cannot find module ‘unplugin-element-plus/vite‘”解决方案
qq_36821274的博客
06-06 8122
记录vite+element-plus按需引入，附报错“Cannot find module 'unplugin-element-plus/vite'”解决方案
vue3按需引入Element Plus
ZMH的博客
03-13 1202
使用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
PS D:\java\web\study\shop> npm run serve Debugger attached. > shop@0.1.0 serve > vue-cli-service serve Debugger attached. ERROR Error: Cannot find module &#39;vite&#39; Require stack: - D:\java\web\study\shop\vue.config.js - D:\java\web\study\shop\node_modules\@vue\cli-shared-utils\lib\module.js - D:\java\web\study\shop\node_modules\@vue\cli-shared-utils\index.js - D:\java\web\study\shop\node_modules\@vue\cli-service\bin\vue-cli-service.js Error: Cannot find module &#39;vite&#39; Require stack: - D:\java\web\study\shop\vue.config.js // vite.config.ts const { defineConfig } = require(&#39;vite&#39;) const AutoImport = require(&#39;unplugin-auto-import/vite&#39;) const Components = require(&#39;unplugin-vue-components/vite&#39;) const { ElementPlusResolver } = require(&#39;unplugin-vue-components/resolvers&#39;) module.exports = defineConfig({ // ... plugins: [ // ... AutoImport({ imports: [&#39;vue&#39;, &#39;vue-router&#39;], resolvers: [ElementPlusResolver()], dts: true }), Components({ resolvers: [ElementPlusResolver()], }), ], }) 用的vue3
最新发布
11-14
你正在使用 **Vue CLI** 构建项目，但你的 `vue.config.js` 文件中引用了 **Vite 插件（如 `unplugin-auto-import/vite` 和 `unplugin-vue-components/vite`）**，而这些插件是专门为 **Vite 构建工具** 设计的，**...
failed to load config from C:\project\offshore_wind\vite.config.js Cannot find module &#39;C:\project\offshore_wind\node_modules\unplugin-vue-components\node_modules\minimatch\dist\esm\assert-valid-pattern.js&#39; imported from C:\project\offshore_wind\node_modules\unplugin-vue-components\node_modules\minimatch\dist\esm\index.js如何解决呢？
03-15
node_modules/unplugin-vue-components/package.json node_modules/minimatch/dist/esm/assert-valid-pattern.js ``` 若文件缺失，可直接从官方仓库下载对应文件补全： - [minimatch 官方仓库]...
Cannot find module &#39;C:\Users\LZH\Desktop\javaweb\JavaToolDemo6\vite\node_modules\@antfu\utils\dist\index.mjs&#39; imported from C:\Users\LZH\Desktop\javaweb\JavaToolDemo6\vite\node_modules\unplugin-vue-components\dist\chunk-WRE7G5OD.js
05-08
用户提到在使用Vite、unplugin-vue-components和@antfu/utils时出现这个问题。首先，我要分析可能的原因，然后给出解决方案。 首先，这个错误通常发生在模块路径不正确或模块未正确安装的情况下。用户可能是在项目...
Vue3使用自动导入方式引入Element-plus报错：Error: Cannot find module ‘node:module‘
weixin_45732235的博客
02-24 2618
Vue3项目报错
vue 报错 Cannot find package ‘unplugin-vue-components‘ 解决
分享互联网的有趣知识~
09-24 7132
vue 报错 Cannot find package 'unplugin-vue-components' 解决
【vite】找不到模块“vite”或其相应的类型声明
stay hungry, stay foolish
01-19 9581
用vite搭建项目时，在vite.config.ts文件中 ts报错【找不到模块@vitejs/plugin-vue或其相应的类型声明】
Error: Cannot find module ‘unplugin-vue-components/vite‘
成在坚持，贵在坚持
10-25 7336
node版本过低导致模块未找到 Error: Cannot find module ‘unplugin-vue-components/vite’，模块未找到 在node_modules中可以找到这个模块，可是项目还是无法运行 方法1，重新安装模块 1.rimraf node_modules 删除 node_modules, 2.npm install 重新安装模块，结果运行的时候还是报这个问题 方法2，更新高版本node 1.在控制面版中将node删除， 2.在node官网中下载14版本的node，重新
开发记录：vite项目启动 报错 TypeError: commandResult.toString(...).replaceAll is not a function
北柒南笙
03-29 1822
这个错误是由于您使用了不支持 replaceAll() 函数的 Node.js 版本导致的。replaceAll() 函数是在 Node.jsv15.0.0中添加的，如果您使用的 Node.js 版本低于v15.0.0，那么这个函数将无法使用，从而导致启动 Vite 项目时出现错误。要解决这个问题，您需要更新您的 Node.js 版本到v15.0.0或更高版本。
vite项目不能正常运行报错
qq_44407871的博客
03-08 1017
【代码】vite项目不能正常运行报错。
Cannot find module ‘vite-plugin-compression‘ or its corresponding type declarations
qq_16733389的博客
08-21 4063
【代码】Cannot find module 'vite-plugin-compression' or its corresponding type declarations。
vue3+vite Cannot find module ‘@/XXXXXX‘ or its corresponding type declarations
qq_43225508的博客
04-11 808
在使用vue3+vite 创建新的工程时会出现Connot find module '@/xxx'错误，根本原因是vite 中没有配置跟目录别名导致的，可以在vite.config.ts 中增加如下配置。如果tsconfig.json中增加了references属性，则要在references引用的文件中都增加paths配置即可。如果在tsconfig.json中增加。
Cannot find module ‘unplugin-auto-import/vite‘
m0_75186659的博客
11-28 4730
Cannot find module 'unplugin-auto-import/vite'
@uni-helper/vite-plugin-uni-components
02-22
### 关于 `vite-plugin-uni-components` 插件 #### 安装依赖 为了使用 `@uni-helper/vite-uni-components` 插件，在项目根目录下执行如下命令安装必要的包： ```bash npm install @uni-helper/vite-plugin-uni-components --save-dev ``` #### 修改配置文件 编辑项目的 `mainfest.config.ts` 或者 `vue.config.ts` 文件来引入并应用此插件。具体来说，是在 Vite 的配置项中的 plugins 数组里加入该组件插件实例。 ```typescript import UniComponents from &#39;@uni-helper/vite-plugin-uni-components&#39; // ...其他导入语句保持不变... export default defineConfig({ plugins: [ // 已有的UniManifest(), Uni(), UniComponents() // 添加这行以启用 uni-components 支持 ], }) ``` 通过上述设置可以自动按需加载所需的 UniApp 组件而无需手动一一注册[^1]。 #### 更新 TypeScript 配置 对于采用 TypeScript 的开发环境而言，还需要调整 `tsconfig.json` 来兼容新添加的功能模块。确保编译器选项内指定了合适的解析方式以及包含了必需的类型定义库。 ```json { "compilerOptions": { "moduleResolution": "bundler", "types": ["@uni-helper/uni-app-types", "@uni-helper/uni-ui-types"], ... }, "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"] } ``` 这样做的目的是让 IDE 和构建工具能够识别来自这些扩展库所提供的全局变量和接口声明[^2]。 #### 实际案例展示 假设现在要在一个页面中使用 `u-button` 这样的 UI 控件，则只需按照常规 HTML 标签形式书写即可，不再需要额外做任何事情去单独引入它。 ```html <template> <view class="example"> <!-- u-button 是由 vite-uni-components 自动处理 --> <u-button type="primary">点击按钮</u-button> </view> </template> <script setup lang="ts"></script> <style scoped></style> ``` 以上就是有关如何利用 `@uni-helper/vite-plugin-uni-components` 提供的能力简化开发流程的一个简单介绍[^3]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值