ReferenceError: $ is not defined at dist/assets/theme.js?5556:274 in Shopify Slate theme

ReferenceError: $ is not defined at dist/assets/theme.js?5556:274 in Shopify Slate theme

我使用 slate 进行 shopify 主题开发。 板岩：https://github.com/Shopify/slate

节点-v：v10.16.0
npm -v : 6.9.0
板岩-v：0.14.0

已完成以下步骤
1) 板岩主题 mydemo
2) slate 构建（创建 dist 文件夹）
3) slate zip (在 shopify 商店上传这个主题并获取主题 ID。)
4) 在 config.yml 文件中设置商店、密码、主题 ID。
5) 石板部署
6) 石板手表

在已编译的 dist 文件夹中出现错误 Uncaught ReferenceError: $ is not defined in dist/assets/theme.js at line number 274 slate.Sections.prototype = $.extend({}, slate.Sections.prototype, {

https://jsrajyaguru.myshopify.com/products/650c-micro-wheelset 当我从下拉价格更改变体时，由于 javascript 错误，产品图片未更改。

发出

Uncaught ReferenceError: $ is not defined 是因为您没有在另一个 .js 文件之前加载 jquery。

尝试将下面的（简单解决方案）行添加到 layout/theme.liquid

中 <head> 标记的最顶部 
https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js

确保您在 scripts/vendor.js 中调用的版本与您在 scripts/vendor 文件夹中的 jQuery 版本号相匹配。

例如，在我的 vendor.js 中全新安装 slate 后，它是：

/*!
 * jquery-2.2.3.min.js
 */
// =require vendor/jquery-2.2.3.min.js

在我的供应商文件夹中，提供的版本是 3.3.1，所以我将 vendor.js 更改为 

/*!
 * jquery-3.3.1.min.js
 */
// =require vendor/jquery-3.3.1.min.js