Vue.js Vue：未定义条带-条带是否需要包含在所有位置？

当我试图仅在laravel blade中需要的模板中包含条带依赖项时：

@push ('head_scripts')
    <script src="https://js.stripe.com/v3/"></script>
@endpush

---

即使未渲染此组件，也会对其进行评估。我能以某种方式解决这个问题吗？

我在一个不使用Laravel的Vue应用程序中遇到了这个问题

但为了修复它，我将脚本放在index.html中

---

然后，当在组件中引用条带时，我使用了窗口。条带指向脚本并修复了引用错误：条带未定义错误。

这可能不是您想要的解决方案，但我使用条带脚本的动态嵌入。您的意思是您在本地拥有代码，并使用导入将其导入组件中吗？否，我让组件检查脚本是否已加载，如果未加载，它将嵌入脚本标记以加载它。它的简单条带需要包含在您使用的任何位置。如果在页面上使用它，请像在页眉上一样在页面上加载它。如果在组件中使用它，只需在打开标记之前包含如下内容：let stripe=Stripepk_test_uzzzzzzz。。胡说八道，胡说八道…努根：我刚刚尝试在组件中添加脚本，但我仍然得到错误-那是当我在管理面板中的一个完全不同的位置。这对我很有效，非常感谢！Stripe文档在很多方面都有所欠缺。我的实现就像你说的那样，将脚本添加到index.html，然后在我想称之为的组件中，只需添加const stripe=window.stripe'pk_live_asdfghjklzxcvnm…，或者更好地使用环境变量：window.Stripeprocess.env.VUE_APP_stripe_pk_LIVEwindows.stripe就是让我工作的技巧。对于无法控制其index.html的任何人，请使用下面描述的方法包括外部库，如Stripe：

<script>
    let stripe = Stripe(`pk_test_zzzzzzzzzzzzzzz`);
    let elements = stripe.elements();
    let card = undefined;