Question

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

node -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：在dist / assets / theme.js中未在行号274 slate定义$。Sections.prototype= $ .extend（{}，slate.Sections.prototype，{

https://jsrajyaguru.myshopify.com/products/650c-micro-wheelset，当我更改下拉价格的变化且产品图片由于JavaScript错误而没有变化时。

Answer 1

发出

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

尝试将以下（简单的解决方案）行添加到<head>中layout/theme.liquid标记的最上方

https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js

Answer 2

请确保您在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