0

我有一个使用 AWS Amplify 的 Vue 2 Web 应用程序。我有另一个应用程序几乎在各个方面都与它完全一样，它运行良好，但由于某种原因，我无法让这个应用程序在生产中工作。

在本地开发中，一切正常。

当我使用 Express 构建和启动它时，它不会加载网站。仅当我删除“Amplify.configure(awsconfig);”时 从 src/main.js 加载它，但是，当然，AWS 相关功能（API 调用）都不起作用。

我在控制台上收到以下错误：

Uncaught TypeError: at.a is undefined
    56d7 main.js:12
    Webpack 6

在 main.js 第 12 行是“Amplify.configure(awsconfig);”

/* eslint-disable */

import Vue from "vue";
import App from "./App.vue";
import router from "./router.js";
import Amplify from "aws-amplify";

// Material plugins
import MaterialKit from "./plugins/material-kit";

import awsconfig from "./aws-exports";
Amplify.configure(awsconfig);
Vue.config.productionTip = false;

Vue.use(MaterialKit);

new Vue({
  router,
  render: h => h(App)
}).$mount("#app");

该站点非常简单，并且设置与我的其他站点一样，因此非常混乱。

知道问题可能是什么吗？如果您需要任何其他代码片段，请告诉我。

4

1 回答 1

0

我在顶部导入 Amplify 的地方，不应该是

import Amplify from "aws-amplify";

但反而

import { Amplify } from "aws-amplify";

这很奇怪，因为我的另一个项目是第一个版本并且工作正常。

于 2020-07-28T12:27:54.813 回答