Vue: Module "qrcode-generator" can only be default-imported using the esModuleInterop flag

在Vue项目中，遇到 "Module 'qrcode-generator' can only be default-imported using the esModuleInterop flag." 错误，通常是由于你在尝试使用ES6模块的默认导入（`import qrcodeGenerator from 'qrcode-generator';`），而你的配置文件（如`vue.config.js`或`babel.config.js`）没有启用`esModuleInterop`特性。

`esModuleInterop`允许你在导入模块时省略`import * as`前缀，这对于那些支持CommonJS规范但希望使用ES6模块的第三方库来说非常有用。要解决这个问题，你需要做以下几个步骤：

1. **检查你的配置**：
- 在`vue.config.js`中，检查`transpileOptions`或`configureWebpack`部分是否包含了`esModuleInterop`选项，并确保其值为`true`：

     module.exports = {
       transpileOptions: {
         esModuleInterop: true,
       },
       // 或者
       configureWebpack: (config) => {
         config.module.rules[0].options.esModuleInterop = true;
       }
     };

2. **重启开发服务器**：保存配置更改后，需要重启你的Vue开发服务器让新配置生效。

3. **更新导入语句**：
如果你之前使用的是默认导入，现在就可以去掉`as`关键字，如下所示：

   import QRCode from 'qrcode-generator';

如果你已经设置了`esModuleInterop`，但是仍然收到这个错误，可能是其他问题，例如你的环境不支持ES模块，或者库本身需要进一步的设置才能正常工作。确认你的项目是否已采用正确的模块系统（ES或CommonJS）。如果还不行，查阅该库的文档或寻求社区帮助。