quasar vuejs amplify 错误：“请求”未由 __vite-browser-external 导出，

Question

目的：将 quasar 项目中的图像上传到 aws amplify 存储。

安装：用于 quasar 和 vuejs 的 aws-amplify 库。

=> aws-amplify 使用@aws-sdk进行内置。

添加此代码后：

import { Amplify, Storage } from 'aws-amplify';

Amplify.configure(config);

我尝试构建我的项目： quasar -m build pwa/android/ios 抛出此错误：

'request' is not exported by __vite-browser-external, imported by node_modules/@aws-sdk/credential-provider-imds/dist/es/remoteProvider/httpRequest.js

我在 github 上看到 @aws-sdk 这是 vite 的常见错误。

我正在使用 quasar 2.6.0、aws-amplify 4.3.35

有什么建议或解决方法吗？

Answer 1

在 quasar.config.js 文件中，您可以在构建部分添加以下内容：

extendViteConf(viteConf, { isClient, isServer }) {
    Object.assign(viteConf.resolve.alias, {
      './runtimeConfig': './runtimeConfig.browser',
    });
  },