如何使用CDN包括vue依赖关系?

问题描述

我必须在用Kendo,Vue,.Net,Angular和jQuery创建的项目中加入https://www.npmjs.com/package/vue2-daterange-picker(是的,很多)。

<script src="https://unpkg.com/vue2-datera[email protected]/dist/vue2-daterange-picker.umd.min.js"></script>

我通过它将此包含在脚本中,当我尝试使用它时,它会引发错误未捕获的ReferenceError:未定义DaterangePicker

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

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

该如何解决

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

解决方法

正如documentation所说。该脚本是通过npmyarn安装的,这意味着您需要某种捆绑程序,例如webpack来构建依赖关系和脚本(例如,放入一个文件中)。

事实上,您正在使用jQuery,KendoUI,Vue和Angular而不使用任何捆绑程序有点奇怪。看来,如果您想使用vue2-datepicker-range,则需要使用某种捆绑器。