如何使用Parcel和Vue在全球范围内包含/导入本地文件

时间:2019-03-03 18:59:27

标签: javascript jquery vue.js vue-router parceljs

我将jQuery保存在本地并添加到此处:

<script src="./client/components/assets/front-assets/vendor/jquery/dist/jquery.min.js" type="head"></script>

<!-- Parcel will rewrite it on build. -->
<script defer src="./client/main.js"></script>

<script>
  $(window).on('load', function () {//<-- error comes from this line
    ...
  });
</script>

但是,我仍然遇到此错误:

ReferenceError: $ is not defined

100%肯定...dist/jquery.min.js实际上是一个jQuery文件。但是,我尝试通过CDN添加jQuery,突然以上错误消失了。但是,一旦进入我的任何VueJS文件,我都会再次收到上述错误。

Vue文件:

...
mounted() {
  $.HSCore.components.HSSVGIngector.init('.js-svg-injector');//<-- error comes from this line now
...
}

为什么会这样? 我正在使用Parcel,显然是VueJS。几乎就像,Parcel不允许我添加本地版本的jQuery,然后忽略了如果要在Vue文件中使用它,则通过CDN添加它。还是这是Vue问题?

我知道我可以像这样import jQuery from 'jquery'在Vue文件中添加jQuery,但是尝试import其他文件并让它们全部访问jQuery的相同实例。

0 个答案:

没有答案