添加电容器插件会导致使用 vite 的 quasar 应用程序出现错误

Question

我正在尝试将 tchvu3/capacitor-voice-recorder 添加到我的项目中。我按照文档的建议将其安装在 src-capacitor 中并像这样导入

import { VoiceRecorder } from 'capacitor-voice-recorder'

它起作用了，我继续实现与该插件相关的其他代码。第二天我继续这个项目的工作只是为了得到

Failed to resolve import "capacitor-voice-recorder"

所以我添加了

"paths": {
      "myapp/*": ["*"],
      "capacitor-voice-recorder/": ["./src-capacitor/node_modules/capacitor-voice-recorder/"]
    }

到 tsconfig.json 和

 alias: {
        'capacitor-voice-recorder': path.resolve(__dirname, 'src-capacitor/node_modules/capacitor-voice-recorder'),
      }

到 quasar.config.js 并导致了一个新错误

SyntaxError: ambiguous indirect export: default

vite 文档提到

CommonJS dependencies should not be excluded from optimization.

所以我添加了 vite.config.ts

import { defineConfig } from 'vite'

export default defineConfig({
  optimizeDeps: {
    include: ['./src-capacitor/node_modules/capacitor-voice-recorder/*'],
  },
})

什么都没有改变。那我现在该怎么办？将不胜感激任何建议。疯狂的是，它曾经可以工作，并且该插件可以在网络、Android（在物理设备上）和 ios 移动模拟器上工作，为什么它突然停止工作？

Answer 1

通过将以下内容添加到

quasar.config.js

而不是创建

vite.config.ts

来修复此问题

      extendViteConf (viteConf) {
        viteConf.optimizeDeps.include = [
          'capacitor-voice-recorder',
        ];
      },```