[英]Importing Node Modules With JavaScript
我为这个简单的问题道歉,但我对Web开发和JavaScript都很陌生。
我想导入一个我使用npm安装的软件包,特别是shopify-buy遵循指南: https ://shopify.github.io/js-buy-sdk/
该软件包位于我的node_modules文件夹中,我正在尝试使用import Client from 'shopify-buy';
将其导入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"
浏览器的import sth from "something"
,你需要设置一个模块捆绑器和ES6编译器,比如Webpack和Babel。 你需要谷歌他们并找到相应的设置教程。
使用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);
JavaScript模块只能在模块模式脚本中运行。 将您的HTML更改为以下内容:
<script type="module" src="javascript/shopify.js"></script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.