Amazon web services Amplify安装到现有Vue/Bootstrap项目时出错：您可能需要适当的加载程序来处理此文件类型

我正在尝试将amplify安装到我的vue/bootstrap项目中。当我按照中的说明添加此代码时

导入放大，{Auth}来自“aws放大”；
从“/aws exports”导入awsconfig；
放大、配置（awsconfig）；

我收到这个错误：

You may need an appropriate loader to handle this file type.
| }
| replaceTraps((oldTraps) => ({
|     ...oldTraps,
|     get: (target, prop, receiver) => getMethod(target, prop) || oldTraps.get(target, prop, receiver),
|     has: (target, prop) => !!getMethod(target, prop) || oldTraps.has(target, prop),

 @ ./~/@aws-amplify/datastore/lib-esm/storage/adapter/indexeddb.js 76:0-27
 @ ./~/@aws-amplify/datastore/lib-esm/storage/adapter/getDefaultAdapter/index.js
 @ ./~/@aws-amplify/datastore/lib-esm/storage/storage.js
 @ ./~/@aws-amplify/datastore/lib-esm/datastore/datastore.js
 @ ./~/@aws-amplify/datastore/lib-esm/index.js
 @ ./~/aws-amplify/lib-esm/index.js
 @ ./src/main.js
 @ multi ./build/dev-client ./src/main.js

我认为我的package.json有问题，或者我遗漏了什么。这是我的包文件：

{
“名称”：“前端”，
“私人”：没错，
“脚本”：{
“dev”：“node build/dev server.js”，
“开始”：“节点构建/dev server.js”，
“build”：“node build/build.js”，
“e2e”：“节点测试/e2e/runner.js”，
“测试”：“npm运行e2e”
},
“依赖项”：{
“@aws amplify/ui vue”：“^0.2.13”，
“aws放大”：“^3.0.23”，
“axios”：“^0.19.2”，
“引导”：“^4.5.2”，
“引导vue”：“^2.16.0”，
“jquery”：“^3.5.1”，
“popper.js”：“^1.12.9”，
“保存”：“^2.4.0”，
“tabletojson”：“^2.0.4”，
“vue”：“^2.6.11”，
“vue路由器”：“^3.0.1”
},
“依赖性”：{
“@vue/cli插件巴别塔”：“~4.5.0”，
“@vue/cli插件eslint”：“~4.5.0”，
“@vue/cli插件路由器”：“^4.5.3”，
“自动刷新器”：“^7.1.2”，
“巴别塔核心”：“^6.22.1”，
“巴别塔加载器”：“^7.1.1”，
“巴别塔插件转换运行时”：“^6.22.0”，
“巴别塔预设环境”：“^1.3.2”，
“babel-preset-stage-2”：“^6.22.0”，
“巴别塔寄存器”：“^6.22.0”，
“粉笔”：“^2.0.1”，
“连接历史api回退”：“^1.3.0”，
“复制网页包插件”：“^4.0.1”，
“css加载器”：“^0.28.0”，
“cssnano”：“^3.10.0”，
“eventsource polyfill”：“^0.9.6”，
“快车”：“^4.14.1”，
“提取文本网页包插件”：“^2.0.0”，
“文件加载器”：“^0.11.1”，
“友好错误网页包插件”：“^1.1.3”，
“html网页包插件”：“^2.28.0”，
“http代理中间件”：“^0.17.3”，
“网页包包分析器”：“^2.2.1”，
“chromedriver”：“^2.27.2”，
“交叉繁殖”：“^5.0.1”，
“夜视”：“^0.9.12”，
“selenium服务器”：“^3.0.1”，
“semver”：“^5.3.0”，
“shelljs”：“^0.7.6”，
“opn”：“^5.1.0”，
“优化css资产网页包插件”：“^2.0.0”，
“ora”：“^1.2.0”，
“rimraf”：“^2.6.0”，
“url加载器”：“^0.5.8”，
“vue加载程序”：“^13.0.4”，
“vue样式加载程序”：“^3.0.1”，
“vue模板编译器”：“^2.4.2”，
“网页包”：“^2.6.1”，
“网页包开发中间件”：“^1.10.0”，
“网页包热中间件”：“^2.18.0”，
“网页包合并”：“^4.1.0”
},
“发动机”：{
“节点”：“>=4.0.0”，
“npm”：“>=3.0.0”
},
“eslintConfig”：{
“根”：对，
“环境”：{
“节点”：true
},
“扩展”：[
“插件：vue/essential”，
“eslint:建议使用”
],
“解析选项”：{
“解析器”：“babel eslint”
},
“规则”：{}
},
“浏览者”：[
"> 1%",
“最后两个版本”，
“不是ie我也有同样的问题！我还在Udemy上与Academind的Max学习VueJS，我尝试使用Amplify，因为firebase给了我其他更令人困惑的错误（他没有得到任何错误，我一步一步地跟着他…）

我希望有人能回答你或我的问题，因为我真的被卡住了，心烦意乱，现在无法继续练习：（
我也有同样的问题，但我通过安装amplify 1.1.4版解决了它

npm install aws-amplify@^1.1.4

我希望它对您有用。
我尝试了不同的版本，并且版本早于3.0.9，不要导致此问题。我遇到了此问题。降级到amplify@3.0.8帮我修好了。