vite项目mock.js文件一旦修改会生成大量的mjs文件,这种情况如何处理?

新手上路,请多包涵

我在vite+vue3的项目想加入mock,然后安装了mock.js和vite-plugin-mock,按照网上的教程配置了vue.config.ts

//vue.config.ts

import { viteMockServe } from 'vite-plugin-mock'

plugins: [
     viteMockServe({
        mockPath: "./mock", // 解析刚刚user.ts的位置
        localEnabled: true // 是否开启开发环境
      }),
]

然后在根目录建了mock文件夹,里面添加了getUser.ts

//getUser.ts

export default [
  {
      url: "/api/getUsers",
      method: "get",
      response: () => {
          return {
              code: 200,
              message: "ok",
              data: [
                {
                    "id": 64,
                    "username": "张三2",
                    "age": "http",
                    "remark": "reprehenderit ea eu veniam consectetur",
                    "sort": 70
                },
                {
                    "id": 36,
                    "username": "张三",
                    "age": "mqtt",
                    "remark": "consectetur",
                    "sort": 42
                },
                {
                    "id": 376,
                    "username": "张三",
                    "age": "tcp",
                    "remark": "consectetur",
                    "sort": 42
                },
                {
                    "id": 38,
                    "username": "张三",
                    "age": "amqp",
                    "remark": "consectetur",
                    "sort": 42
                }
            ],
          }
      }
  }
]

然后在vue组件里调用方法/api/getUsers,是能拿到数据的,但是只要我修改getUser.ts里面的内容,终端瞬间生成了N条mjs文件在mock文件夹里,一直停不下来,我网上也没搜到有人碰到这种情况,快崩溃了,困扰我很久的时间,谁碰到过帮忙说一下原因,部分终端错误如下图。
image.png
image.png
image.png

另外想通过中间件实现之前vuecli的devserver.before的钩子,谁帮忙贴一下实现代码也非常感谢。

阅读 3.6k
1 个回答
新手上路,请多包涵

把vite-plugin-mock降到2.9.6就解决了。
1,yarn remove vite-plugin-mock
2,yarn add vite-plugin-mock@2.9.6 -D
问题不再出现。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题