如何将Quasar 2与AWS Amplify一起使用

Question

我在src/boot/amplify.js中为Quasar创建了以下启动文件，并将'amplify'添加到quasar.conf.js中：

import Amplify from 'aws-amplify';
import awsconfig from '../aws-exports';
import {
applyPolyfills,
defineCustomElements,
} from '@aws-amplify/ui-components/loader';
applyPolyfills().then(() => {
defineCustomElements(window);
});
Amplify.configure(awsconfig);

但我从import Amplify from 'aws-amplify';:行中得到了许多导入错误

Module not found: Can't resolve imported dependency "./printError"        
App •  ERROR  •  UI  in ./node_modules/graphql/error/GraphQLError.mjs    

还有更多——我已经通过了npm install --save graphql，但随后我发现了更多的导入错误。使用Vue 3 CLI而不是Quasar，可以很容易地设置以下Amplify文档。

有人在使用Quasar时运气不错，或者知道可能的解决方案是什么？

Answer 1

是一个webpack问题，请检查：https://github.com/graphql/graphql-js/issues/2721#issuecomment-723008284

我通过添加到quasar.conf.js 中解决了这个问题

build: {
...
extendWebpack (cfg, {isServer, isClient}) {
cfg.module.rules.push ({
test: /.m?js/,
resolve: {
fullySpecified: false,
fallback: {crypto: false}
}
})
}
}
}

"；回退：{crypto:false}"；它用于解决crypto-js缺少依赖关系的后续错误，基于：https://stackoverflow.com/a/67076572/1550140