使用angular 4集成woocommerce获取TypeError: crypto.createHmac不是一个函数
我正在尝试做一个与woocommerce集成的angular 4应用程序来列出所有的产品。以下是我的代码
import { Component, OnInit } from '@angular/core';
import {Headers, Http, RequestOptions, URLSearchParams} from '@angular/http';
import 'rxjs/add/operator/toPromise';
import * as WC from 'woocommerce-api';
import { WooApiService } from 'ng2woo';
import * as CryptoJS from 'crypto-js';
@Component({
selector: 'app-pcat',
templateUrl: './pcat.component.html',
styleUrls: ['./pcat.component.scss']
})
export class PcatComponent implements OnInit {
WooCommerce: any;
products: any;
public crypto: any;
typesOfShoes = ['Boots', 'Clogs', 'Loafers', 'Moccasins', 'Sneakers'];
constructor(private woo: WooApiService) {}
ngOnInit(): void {
this.woo.fetchItems('products')
.then(products => console.log(products));
}}我在控制台中遇到错误
Error: Uncaught (in promise): TypeError: crypto.createHmac is not a function
TypeError: crypto.createHmac is not a function
hash_function@webpack-internal:///../../../../woocommerce-api/index.js:133:16
OAuth.prototype.getSignature@webpack-internal:///../../../../oauth-1.0a/oauth-1.0a.js:100:12
OAuth.prototype.authorize@webpack-internal:///../../../../oauth-1.0a/oauth-1.0a.js:87:34
WooCommerceAPI.prototype._request@webpack-internal:/woocommerce-api/index.js:186:17
WooCommerceAPI.prototype.get@webpack-internal:/woocommerce-api/index.js:213:10
fetchItems/<@webpack-internal:/ng2woo/dist/src/woocommerce.service.js:24:13
ZoneAwarePromise@webpack-internal:/zone.js/dist/zone.js:891:29回答 1
Stack Overflow用户
发布于 2019-03-13 17:34:09
是的，这个问题与最近在Angular6中的“升级”有关，在我的例子中是Ionic4。密码库被排除在外，因为它被认为太大了。对于如何解决这个问题，Angular似乎还没有明确的解决方案，所以到目前为止，人们不得不在外部包含这些库。
最有可能的是你添加了一些类似于我下面的"package.json“的东西，甚至到了这一步。
"browser": {
"aws4": false,
"aws-sign2": false,
"crypto": false,
"ecc-jsbn": false,
"http": false,
"http-signature": false,
"https": false,
"net": false,
"oauth-sign": false,
"path": false,
"request": false,
"sshpk": false,
"stream": false,
"tls": false
},我也尝试过，但没有成功。
1-安装@angular-builders/custom-webpack：
2-在angular.json中添加自定义构建器:在angular.json >项目>架构师> build > builder将@angular-devkit/build-angular:browser替换为@angular-builders/ custom -browser
3-在项目的根目录创建一个文件webpack.config.js :这将由新的构建器加载(默认情况下，文件名是webpack.config.js，但如果需要，您可以有一个自定义的文件名，请参阅此处)。注意:这会将你的配置附加到默认的来自angular的webpack配置。
4-在webpack.config.js中添加节点支持:例如，web3需要以下内容。
module.exports = {
node: {
crypto: true,
http: true,
https: true,
os: true,
vm: true,
stream: true
}
}我最终创建了woocommerceAPI，并且我有了一个可以工作的版本。我发现至少有40个fork做过类似的事情。在下面的代码和浏览器之间，它应该可以工作。风俗的webpack是没有必要的。
https://stackoverflow.com/questions/50548946
复制
相似问题
叉子连接简单程序示例-需要错误指导
需要简单的css解析指导
我需要简单的Android动画示例
我需要简单的文件上传示例
需要指导一个简单的猪游戏，结束和结束。
领取专属 10元无门槛券
AI混元助手 在线答疑
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
