Question

我在开发中看到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请求。

我仅在开发中（本地主机）看到此错误，Stripe在我们的QA服务器上正常加载。我还生成了QA版本，并在本地运行它，错误也出现了。

Answer 1

作为参考，问题是我为所有表单字段包装了React组件，该组件在其子级上设置了属性。由于Stripe严格执行CSP，因此Stripe Elements React组件无法做到这一点。

React Stripe Elements：上述错误发生在<cardnumberelement>组件中

1 个答案: