如何使用 CDN 包含 vue 依赖项？答案

【问题标题】：How to include vue dependency using CDN?如何使用 CDN 包含 vue 依赖项？
【发布时间】：2020-08-27 14:52:58
【问题描述】：

我必须在使用 Kendo、Vue、.Net、Angular 和 jQuery 制作的项目中包含 https://www.npmjs.com/package/vue2-daterange-picker（是的，很多）。

<script src="https://unpkg.com/vue2-daterange-picker@0.5.1/dist/vue2-daterange-picker.umd.min.js"></script>

我通过这个在我的脚本中包含它，当我尝试使用时，它会抛出错误Uncaught ReferenceError: DateRangePicker is not defined。

我什至在我的 js 文件中声明了它

Vue.component('date-range-picker', DateRangePicker)

如何解决？

我也在使用bundles.Add(new ScriptBundle())，但我也无法通过它添加依赖项。

【问题讨论】：

【解决方案1】：

正如documentation 所说。该脚本是通过npm 或yarn 安装的，这意味着您需要某种捆绑器，例如 webpack 来构建您的依赖项和脚本（例如，在一个文件中）。

您使用的是 jQuery、KendoUI、Vue 和 Angular 而没有使用任何捆绑器，这有点奇怪。看来如果你想使用vue2-datepicker-range，你需要使用某种捆绑器。

【讨论】：