对于这个简单的问题,我深表歉意,但我对 Web 开发和 JavaScript 还很陌生。
我想导入使用 npm 安装的软件包,特别是按照此处的指南进行 shopify-buy:https://shopify.github.io/js-buy-sdk/
该包位于我的 node_modules 文件夹中,我正在尝试使用以下命令将其导入到 JavaScript 文档中import Client from 'shopify-buy';
当我尝试在 Chrome 中加载所有内容时,导入行出现错误
Uncaught SyntaxError: Unexpected identifier
Firefox 的错误有点不同:import declarations may only appear at top level
我究竟做错了什么?
Edit:
导入行是我的 JavaScript 文件中的第一行。我的 HTML 文件正确链接到 JS 文件(我认为)。
Shopify.js
// Functions for SHOPIFY
import Client from 'shopify-buy';
const client = Client.buildClient({
domain: 'xxxxx.myshopify.com',
storefrontAccessToken: 'xxxxx'
});
索引.html
<script src="javascript/shopify.js"></script>
如果你想通过语法使用 npm 模块,比如import sth from "something"
对于浏览器,您需要设置模块捆绑器和 ES6 编译器,例如 Webpack 和 Babel。您需要用谷歌搜索它们并找到相应的设置教程。
使用 SDK 的一种简单方法似乎是使用 CDN,因为它已经为浏览器理解而构建了。就像是:
索引.html
<script src="http://sdks.shopifycdn.com/js-buy-sdk/v1/latest/index.umd.min.js"></script>
<script src="javascript/shopify.js"></script>
Shopify.js
const client = ShopifyBuy.buildClient({
domain: 'your-shop-name.myshopify.com',
storefrontAccessToken: 'your-storefront-access-token'
});
console.log(client);
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)