对于这个简单的问题,我深表歉意,但是我对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
我究竟做错了什么?
编辑:
导入行是我的JavaScript文件中的第一行。我的HTML文件已正确链接到JS文件(我认为)。
shopify.js
// Functions for SHOPIFY
import Client from 'shopify-buy';
const client = Client.buildClient({
domain: 'xxxxx.myshopify.com',
storefrontAccessToken: 'xxxxx'
});
index.html
<script src="javascript/shopify.js"></script>
如果要通过语法使用npm模块,例如import sth from "something"
对于浏览器,则需要设置模块捆绑器和ES6编译器,例如Webpack和Babel。您需要对它们进行Google搜索,并找到相应的教程以进行相应设置。
使用SDK的一种简单方法似乎是使用CDN,因为它已经为浏览器所理解。就像是:
index.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);
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句