首页 > 解决方案 > 未捕获的类型错误:at.a 未定义

问题描述

我有一个使用 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");

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

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

标签: expressvue.jsaws-amplifyaws-config

解决方案


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

import Amplify from "aws-amplify";

但反而

import { Amplify } from "aws-amplify";

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


推荐阅读