vite-plugin-mock配置报错“localEnabled”不在类型”ViteMockOptions”中

最新推荐文章于 2024-04-29 10:42:46 发布
最新推荐文章于 2024-04-29 10:42:46 发布
阅读量1.6k 收藏 2
点赞数 1
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cc6_66/article/details/131661641
版权

vue3+vite安装vite-plugin-mock之后配置报错：

“localEnabled”不在类型”ViteMockOptions”中。

在vite.config.ts中共添加viteMockServe({ localEnabled: command === ‘serve’, }),之后报了一下错误：
在这里插入图片描述

解决方法：与vite-plugin-mock版本有关，新版本兼容不行，重新安装了2.9.6版本之后就不报错了，要先删除掉依赖文件先，重新在npm install一下。

呆子小木心
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Python实现几何贪食蛇小游戏
03-10
使用Python实现几何贪食蛇的小游戏。
vite-plugin-mock配置报错：“localEnabled”不在类型“ViteMockOptions”中
m0_72076497的博客
01-02 707
解决办法：卸载 vite-plugin-mock插件，然后重新安装2.9.6版本的插件。1.安装mockjs 和 vite-plugin-mock。配置启用插件的时候，localEnabled 报错。2.在vite.config.ts中配置启用插件。
Vue3项目使用mockjs模拟数据
m0_64378190的博客
03-11 393
Vue3项目使用mockjs模拟数据
JavaScript对象字面量和构造函数原理与用法详解
11-20
本文实例讲述了JavaScript对象字面量和构造函数。分享给大家供大家参考，具体如下： 对象中只有两种属性:（一种比较细的分法） 属性(数据属性)比如：名字，年龄，性别，出版社，地址等信息； 方法(封装代码的属性：函数 ，在这也是一种属性)。 在JS中对象的字面量和构造函数是非常的重点，其实在其他的语言中，是没有对象字面量的。 一.对象的字面量的语法: { 属性名: 属性值, 属性名: 属性值, 方法名: 你们函数 } 这个大括号括起来的整个代码块就是叫做对象。 var p1 = { } ①访问对象的属性:   1. . 语法         对象.属性   2. [ ] 语法   
vite-plugin-pwa：Vite的零配置PWA
02-05
产品特点 产生具有离线支持的Service Worker（通过 ） 自动注入Web App WIP ：策略选项 WIP ：元注入 WIP ：不同尺寸的图标生成 用法 :information_selector: v0.3.x支持Vite 2， v0.3.x支持Vite 1。 npm i vite-plugin-pwa -D # yarn add vite-plugin-pwa -D 将其添加到vite.config.js // vite.config.js import { VitePWA } from 'vite-plugin-pwa' export default { plugins : [ VitePWA
TypeScript 面向对象编程
lhblmd的博客
09-02 2754
TypeScript 面向对象编程
vue3+ts 试用 vite-plugin-mock 关于viteMockServe报错问题
Yourlittlecutie的博客
07-20 3347
vue3+ts 试用 vite-plugin-mock 关于viteMockServe报错问题
vite2+mock+nginx注意事项
blackhub的博客
05-07 2577
前言：该文章对vite中使用mock的一个补充，使用过程可以看之前的文章，以及对生产环境打包在nginx发布的一些问题的解决记录
vite.config.js 配置说明
点点滴滴
02-15 502
v
vite使用mock插件的配置(vite-plugin-mock)
du111_的博客
09-28 5860
vue + vite 使用mock插件的配置(vite-plugin-mock)
vite-plugin-mock:vite.use模拟插件的模拟插件
05-16
Connect服务中间件在本地使用，mockjs在线使用安装（纱线或npm） 节点版本： > = 12.0.0 版本号： > = 2.0.0 yarn add mockjs# ornpm i mockjs -Syarn add vite-plugin-mock -D# ornpm i vite-plugin-mock -D例子...
vite-plugin-mpa:MPA（多页应用程序）
04-08
Vite-plugin-mpa 开箱即用的多页面应用程序，用于Vite，支持Vue2 / 3，React等动机访问本机支持多页，但必须配置rollupOptions.input 在访问开发人员时，必须为$projectRoot/src/pages/index/xxx.html打开localhost:...
vite-plugin-psvg:PSVG的Vite
05-24
npm i vite-plugin-psvg -D # yarn add vite-plugin-psvg -D 将其添加到vite.config.js // vite.config.js import PSVG from 'vite-plugin-psvg' export default { plugins : [ PSVG ( ) ] , } ; 然后将其...
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快速入门（四十六）Router的安装与使用
不起眼小菜菜的博客
04-26 657
步骤很详细，直接上教程……
三、VUE数据代理
最新发布
D_A_I_H_A_O的博客
04-29 365
Vue中的数据代理：通过vm对象来代理data对象中属性的操作（读/写）
Vue项目中异步组件的引入使用
Niucode的博客
04-26 276
Vue项目中异步组件的引入使用
vue echarts 柱状图 堆叠柱状图
Z18834071903的博客
04-26 296
vue echarts 柱状图 堆叠柱状图
vite-plugin-mock怎么配置
05-19
vite-plugin-mock 是 Vite 中用于 mock 数据的插件，可以通过配置来实现 mock 数据的自定义。 首先需要安装 vite-plugin-mock： ``` npm install vite-plugin-mock --save-dev ``` 然后在 `vite.config.js` 中引入插件并进行配置： ```js import { defineConfig } from 'vite'; import path from 'path'; import { createMockMiddleware } from 'vite-plugin-mock'; export default defineConfig({ // 其他配置... plugins: [ createMockMiddleware({ mockPath: 'mock', // mock 文件所在的目录 watchFiles: true, // 是否监听文件变化 localEnabled: true, // 是否启用本地 mock，开启后会优先查找 mock 文件夹中的文件 prodEnabled: false, // 是否启用生产环境 mock，开启后会在生产环境中使用 mock 数据 injectCode: ` import { setupMock } from './mock/setup'; setupMock(); `, // 注入代码，可以自定义 mock 的初始化操作 }), ], }); ``` 上面的配置中，我们指定了 mock 文件所在的目录为 `mock`，并启用了本地 mock，但禁用了生产环境的 mock。在 `injectCode` 中，我们引入了一个 `setupMock` 方法来初始化 mock 数据，这个方法可以根据自己的需要进行编写。 在 `mock` 目录下可以创建各种 `.js`、`.ts` 等文件来编写 mock 数据，比如： ```js // mock/user.js export default { 'GET /api/user': { id: 1, name: '张三' }, 'POST /api/user': (req, res) => { const { name } = req.body; res.send({ id: 2, name }); }, }; ``` 上面的代码中，我们模拟了一个用户信息的 API，可以通过 GET 请求获取用户信息，也可以通过 POST 请求修改用户信息。 最后需要注意的是，vite-plugin-mock 只能用于 mock 接口数据，无法模拟前端的行为，比如点击事件等。如果需要模拟前端行为，可以考虑使用 Jest、Cypress 等测试框架。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值