javascript - 如何使用 CDN 包含 vue 依赖项？

Question

我必须在使用 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())，但我也无法通过它添加依赖项。

Answer 1

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

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