1

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

节点-v：v10.16.0
npm -v：6.9.0
slate -v：0.14.0

遵循以下步骤
1) slate 主题 mydemo
2) slate build (创建 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 错误而未更改时。

4

2 回答 2

3

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

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

https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js
于 2019-07-24T00:49:36.280 回答
1

确保您在 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
于 2019-08-28T21:17:18.960 回答