Stripe API：找不到模块：无法解析“@stripe/react-stripe.js”

Question

我有一个简单的错字吗？我还需要安装其他东西吗？我收到以下错误消息：

“找不到模块：无法解析'@stripe/react-stripe.js'”

我还安装了 npm：@stripe/react-stripe-js @stripe/stripe-js

感谢任何解决此问题的帮助！

以下截图供参考：

Answer 1

import ... from '@stripe/react-stripe-js'

您导入的方式错误。

@stripe/react-stripe.js

不正确。只需将

.

替换为

-

，就可以了。

正如您在其文档中看到的那样。您需要从

@stripe/react-stripe-js

导入其组件

stripe-js 正确的导入语句

Answer 2

Stripe API ReactJS 错误

“Module not found: Can’t resolve ‘@stripe/react-stripe.js’”
npm install @stripe/[email protected]

‘@stripe/react-stripe-js’ or ‘@react-stripe-js’

当我阅读 Stripe 官方文档时，一切看起来都很简单。然而我在第一步就卡了一个小时了

问题是

Error: module not found: can’t resolve ‘@stripe/react-stripe-js’

这是一个非常简单的错误，当我们错过模块时就会发生。但我确实安装并按照官方手册进行操作，如下图所示。这很奇怪，所以我开始安装另一个，但没有成功。

那么如何解决呢？

首先，打开你的“package.json”并看一下

如果你的包裹没问题的话，应该是这样的

@stripe/react-stripe-js”: “1.4.1”,

“@stripe/stripe-js”: “1.15.0”,

左侧应该是包名称，右侧是包的版本。但当我打开心扉的时候

“@stripe/stripe-js”:“github:stripe/stripe-js”

@stripe/react-stripe-js”:“github:stripe/stripe-js”

所以我像这样重新安装了它，添加了包的特定版本，而不是从 Strip 文档复制它。

尝试这样（答案）

npm install @stripe/[email protected]

npm install @stripe/[email protected]

而且很容易解决。我不确定为什么会出现这个问题。如果我找到原因，我会添加它们，或者如果您知道原因请告诉我。

Answer 3

Stripe API ReactJS 错误

“找不到模块：无法解析‘@stripe/react-stripe.js’”

确保在顶层定义 loadStripe()（不在任何功能组件内）。

loadStripe 函数异步加载 Stripe.js 脚本并初始化 Stripe 对象。