React DirectLine чат не работает. Не могу найти исходные файлы - PullRequest
Новая
       55

React DirectLine чат не работает. Не могу найти исходные файлы

0 голосов
/ 10 мая 2018

Доброе утро всем, я новичок в BotFrameworkand React и пытаюсь встроить своего бота в свой сайт React, но он не отображается, и я вижу некоторые ошибки на консоли Node.js.

Я скопировал и вставил образец в мой код, но теперь ему нужны атрибуты adaptiveCardsHostConfig и bot, поэтому я попытался добавить его, но он не удался.Пожалуйста, не могли бы вы помочь мне узнать, где я не прав?

Сначала я выполнил команду npm install botframework-webchat на консоли, а затем установил следующий код: 

import { Chat } from 'botframework-webchat';
...
<Chat
    adaptiveCardsHostConfig={{ fontFamily: '"Myriad Pro", sans-serif' }}
    directLine={{ secret: 'asV4w25M-8I.cwA._-M.o-eAeWrQg0MMJcup3bU8klFEPiKoOhIPV8HZHytS0r0' }}
    user={{ id: 'userid', name: 'username' }}
    bot={{ id: 'botID', name: 'botName' }}
    resize="detect"
/>
...

Этопредупреждения на консоли node.js: 

WARNING in ./~/adaptivecards/lib/adaptivecards.js
(Emitted value instead of an instance of Error) Cannot find source file '../src/adaptivecards.ts': Error: Can't resolve '../src/adaptivecards.ts' in 'C:\Users\dsanchis\source\repos\Modern Atum\BackEnd\CP.ModernAtum.API\node_modules\adaptivecards\lib'
 @ ./~/botframework-webchat/built/Attachment.js 6:22-46
 @ ./~/botframework-webchat/built/BotChat.js
 @ ./app/src/components/Header/Header.tsx
 @ ./app/src/components/Layout/Layout.tsx
 @ ./app/src/components/Search/Search.tsx
 @ ./app/src/components/GroupsExplorer/GroupsExplorer.tsx
 @ ./app/src/index.tsx
 @ multi es6-promise whatwg-fetch ./app/src/index.tsx

WARNING in ./~/adaptivecards/lib/enums.js
(Emitted value instead of an instance of Error) Cannot find source file '../src/enums.ts': Error: Can't resolve '../src/enums.ts' in 'C:\Users\dsanchis\source\repos\Modern Atum\BackEnd\CP.ModernAtum.API\node_modules\adaptivecards\lib'
 @ ./~/adaptivecards/lib/adaptivecards.js 7:9-27
 @ ./~/botframework-webchat/built/Attachment.js
 @ ./~/botframework-webchat/built/BotChat.js
 @ ./app/src/components/Header/Header.tsx
 @ ./app/src/components/Layout/Layout.tsx
 @ ./app/src/components/Search/Search.tsx
 @ ./app/src/components/GroupsExplorer/GroupsExplorer.tsx
 @ ./app/src/index.tsx
 @ multi es6-promise whatwg-fetch ./app/src/index.tsx

WARNING in ./~/adaptivecards/lib/utils.js
(Emitted value instead of an instance of Error) Cannot find source file '../src/utils.ts': Error: Can't resolve '../src/utils.ts' in 'C:\Users\dsanchis\source\repos\Modern Atum\BackEnd\CP.ModernAtum.API\node_modules\adaptivecards\lib'
 @ ./~/adaptivecards/lib/adaptivecards.js 9:14-32
 @ ./~/botframework-webchat/built/Attachment.js
 @ ./~/botframework-webchat/built/BotChat.js
 @ ./app/src/components/Header/Header.tsx
 @ ./app/src/components/Layout/Layout.tsx
 @ ./app/src/components/Search/Search.tsx
 @ ./app/src/components/GroupsExplorer/GroupsExplorer.tsx
 @ ./app/src/index.tsx
 @ multi es6-promise whatwg-fetch ./app/src/index.tsx

WARNING in ./~/adaptivecards/lib/host-config.js
(Emitted value instead of an instance of Error) Cannot find source file '../src/host-config.ts': Error: Can't resolve '../src/host-config.ts' in 'C:\Users\dsanchis\source\repos\Modern Atum\BackEnd\CP.ModernAtum.API\node_modules\adaptivecards\lib'
 @ ./~/adaptivecards/lib/adaptivecards.js 8:9-33
 @ ./~/botframework-webchat/built/Attachment.js
 @ ./~/botframework-webchat/built/BotChat.js
 @ ./app/src/components/Header/Header.tsx
 @ ./app/src/components/Layout/Layout.tsx
 @ ./app/src/components/Search/Search.tsx
 @ ./app/src/components/GroupsExplorer/GroupsExplorer.tsx
 @ ./app/src/index.tsx
 @ multi es6-promise whatwg-fetch ./app/src/index.tsx

WARNING in ./~/adaptivecards/lib/text-formatters.js
(Emitted value instead of an instance of Error) Cannot find source file '../src/text-formatters.ts': Error: Can't resolve '../src/text-formatters.ts' in 'C:\Users\dsanchis\source\repos\Modern Atum\BackEnd\CP.ModernAtum.API\node_modules\adaptivecards\lib'
 @ ./~/adaptivecards/lib/card-elements.js 16:21-49
 @ ./~/adaptivecards/lib/adaptivecards.js
 @ ./~/botframework-webchat/built/Attachment.js
 @ ./~/botframework-webchat/built/BotChat.js
 @ ./app/src/components/Header/Header.tsx
 @ ./app/src/components/Layout/Layout.tsx
 @ ./app/src/components/Search/Search.tsx
 @ ./app/src/components/GroupsExplorer/GroupsExplorer.tsx
 @ ./app/src/index.tsx
 @ multi es6-promise whatwg-fetch ./app/src/index.tsx

WARNING in ./~/adaptivecards/lib/card-elements.js
(Emitted value instead of an instance of Error) Cannot find source file '../src/card-elements.ts': Error: Can't resolve '../src/card-elements.ts' in 'C:\Users\dsanchis\source\repos\Modern Atum\BackEnd\CP.ModernAtum.API\node_modules\adaptivecards\lib'
 @ ./~/adaptivecards/lib/adaptivecards.js 6:9-35
 @ ./~/botframework-webchat/built/Attachment.js
 @ ./~/botframework-webchat/built/BotChat.js
 @ ./app/src/components/Header/Header.tsx
 @ ./app/src/components/Layout/Layout.tsx
 @ ./app/src/components/Home/Home.tsx
 @ ./app/src/components/GroupsExplorer/GroupsExplorer.tsx
 @ ./app/src/index.tsx
 @ multi es6-promise whatwg-fetch ./app/src/index.tsx

А вот ошибка на консоли Chrome: 

Uncaught TypeError: action$.ofType(...).map(...).filter(...).throttleTime is not a function
        at sendTypingEpic (app.bundle.js:10062)
        at app.bundle.js:78455
        at Array.map (<anonymous>)
        at app.bundle.js:78454
        at MapSubscriber.project (app.bundle.js:78520)
        at MapSubscriber._next (app.bundle.js:27998)
        at MapSubscriber.Subscriber.next (app.bundle.js:3631)
        at Subject.next (app.bundle.js:8134)
        at app.bundle.js:78530
        at app.bundle.js:78646

ОБНОВЛЕНИЕ (15/05/2018):

Теперь компонент DirectLine рендерится на странице, но у него неправильный стиль, и я не могу применить стиль, просто установив его с помощью и высотыКак показано ниже (с прозрачным фоном, кнопкой выбора файла и полем ...): бот DirectLine показывался без надлежащего стиля

Предупреждения на консоли Node.js все еще появляются и теперь вВ консоли Chrome появляется новое сообщение об ошибке: 

Uncaught TypeError: Cannot read property 'offsetWidth' of null
    at e.componentDidUpdate (botchat.js:34)
    at t.notifyAll (botchat.js:34)
    at r.close (botchat.js:34)
    at r.closeAll (botchat.js:20)
    at r.perform (botchat.js:20)
    at o.perform (botchat.js:20)
    at o.perform (botchat.js:20)
    at Object.S [as flushBatchedUpdates] (botchat.js:20)
    at r.closeAll (botchat.js:20)
    at r.perform (botchat.js:20)

Как решить стили и добавить пользовательские?

1 Ответ

0 голосов
/ 22 мая 2018

Это связано с файлами .map на выходе (в папках lib и dist). Удалите их, и вы избавитесь от предупреждений веб-пакета.

Также см. Сообщенную проблему здесь: https://github.com/Microsoft/AdaptiveCards/issues/1492

...