React Stripe Elements: вышеуказанная ошибка произошла в компоненте <CardNumberElement> - PullRequest
0 голосов
/ 27 декабря 2018

Я вижу следующую ошибку в Stripe React Elements при разработке:

The above error occurred in the <CardNumberElement> component

Однако выше этой ошибки нет.Далее в журнале есть еще одна ошибка:

Error: Invalid value for create(): error should be an object. You specified: false. v3:1:10307
t
https://js.stripe.com/v3/:1:10307
lt
https://js.stripe.com/v3/:1:18340
pt
https://js.stripe.com/v3/:1:18411
di/this.create<
https://js.stripe.com/v3/:1:84413
Zt/<
https://js.stripe.com/v3/:1:23612
componentDidMount/<
Element.js:78
addElementsLoadListener
Elements.js:94
componentDidMount
Element.js:77
commitLifeCycles
react-dom.development.js:16227
commitAllLifeCycles
react-dom.development.js:17592
callCallback
react-dom.development.js:149
invokeGuardedCallbackDev
react-dom.development.js:199
invokeGuardedCallback
react-dom.development.js:256
commitRoot
react-dom.development.js:17788
completeRoot
react-dom.development.js:19240
performWorkOnRoot
react-dom.development.js:19169
performWork
react-dom.development.js:19077
performSyncWork
react-dom.development.js:19051
requestWork
react-dom.development.js:18920
scheduleWork
react-dom.development.js:18729
enqueueSetState
react-dom.development.js:12457
./node_modules/react/cjs/react.development.js/Component.prototype.setState
react.development.js:375
PersistGate/_this.handlePersistorState
react.js:43
dispatch
redux.js:214
rehydrate
persistStore.js:59
_rehydrate
persistReducer.js:54
persistReducer/</</<
persistReducer.js:79

В журнале также отображается следующая ошибка:

Content Security Policy: The page’s settings blocked the loading of a resource at inline (“script-src”). controller-0438a1e65db60cdbd3d588a9f0c6d344.html:1:1

Однако я не вижу сбойных запросов Stripe в сетиtab.

Я вижу только эту ошибку в разработке (localhost), Stripe прекрасно загружается на нашем сервере QA.Я также сгенерировал сборку QA и запустил ее локально, и там также появляется ошибка.

1 Ответ

0 голосов
/ 01 апреля 2019

Для справки, проблема заключалась в том, что у меня был обертывающий компонент React для всех полей формы, который устанавливал свойство для своего дочернего элемента.Из-за строгого CSP от Stripe это невозможно для компонентов Stripe Elements React.

...