Как интегрировать чат-бота Amazon Lex V2 в Nuxt 2 с помощью компонента чат-бота AWS Amplify?

Я успешно интегрировал бота Amazon Lex V1 в свой проект Nuxt 2, используя компонент чат-бота Amplify. Однако при попытке интегрировать бота Amazon Lex V1 компонент чат-бота Amplify не отображает ответы бота в окне чата.

Я создал приложение nuxt и настроил плагин для взаимодействия с amplify в amplify.js ниже:

      import Vue from 'vue'
import { Amplify, Interactions } from 'aws-amplify'
import {
  applyPolyfills,
  defineCustomElements,
} from '@aws-amplify/ui-components/loader'

import { AWSLexV2Provider } from '@aws-amplify/interactions'

Interactions.addPluggable(new AWSLexV2Provider())

const interactionsConfig = {
  Auth: {
    identityPoolId: <identity-pool-id>,
    region: <region>,
  },
  Interactions: {
      // LexV2 Bot
      MyNARASentimentEngine: {
        name: <botname>,
        aliasId: <aliasId>,
        botId: <botId>,
        localeId: 'en_US',
        region: <region>,
        providerName: 'AWSLexV2Provider',
      },
    },
  },
}

Amplify.configure(interactionsConfig)

applyPolyfills().then(() => {
  defineCustomElements(window)
})

Vue.config.ignoredElements = [/amplify-\w*/]

Затем я создал компонент ChatBot.vue ниже и импортировал его в макет по умолчанию для просмотра.

      <template>
  <div class="bg-black">
    <amplify-chatbot bot-name="botname" bot-title="bottitle" />
  </div>
</template>

<script>
export default {}
</script>

У меня были ответы от бота lex v1, отображаемые в окне чата. Но при переходе на Amazon Lex v2 окно чата больше не отображает ответ бота. Я проверил сетевые журналы для каждого запроса, сделанного боту v2, и получил ответы. Ответ бота v2 Они просто никогда не отображаются. Окно чат-бота Могу ли я получить помощь с решением или обходным путем для этой проблемы. Или есть какие-нибудь другие пакеты, которые кто-нибудь может предложить мне попробовать. Спасибо!

0 ответов

Другие вопросы по тегам