使用JavaScript导入节点模块

凯尔2595

对于这个简单的问题,我深表歉意,但是我对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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章