在 Angular 7 中使用 SJCL 时无法解析"./node_modules/sjcl"中的"crypto"

Question

我想在客户端加密数据，所以我找到了SJCL npm。

浏览了他们的文档。但是，SJCL 贡献者提供的文档较少，无法在 Angular 中实现

我已经尝试了以下方法。

我安装了软件包

1. npm install --save sjcl

   之后我也尝试安装类型定义

2. npm install --save sjcl @types/sjcl

这是我的包.json

{
"name": "project-name",
"version": "0.0.0",

  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "~7.1.0",
    "@angular/cdk": "~7.1.0",
    "@angular/common": "~7.1.0",
    "@angular/compiler": "~7.1.0",
    "@angular/core": "~7.1.0",
    "@angular/forms": "~7.1.0",
    "@angular/platform-browser": "~7.1.0",
    "@angular/platform-browser-dynamic": "~7.1.0",
    "@angular/router": "~7.1.0",
    "@types/axios": "^0.14.0",
    "@types/sjcl": "^1.0.28",
    "angular-filepond": "^1.0.5",
    "core-js": "^2.5.4",
    "rxjs": "~6.3.3",
    "sjcl": "^1.0.8",
    "tslib": "^1.9.0",
    "zone.js": "~0.8.26"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.11.0",
    "@angular/cli": "~7.1.2",
    "@angular/compiler-cli": "~7.1.0",
    "@angular/language-service": "~7.1.0",
    "@schematics/angular": "~7.1.0",
    "@types/echarts": "^4.1.3",
    "@types/jasmine": "~2.8.8",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "^8.9.5",
    "codelyzer": "~4.5.0",
    "jasmine-core": "~2.99.1",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~3.1.1",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~2.0.1",
    "karma-jasmine": "~1.1.2",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.4.0",
    "ts-node": "~7.0.0",
    "tslint": "~5.11.0",
    "typescript": "~3.1.6"
  }
}

我也这样做了

import * as sjcl from 'sjcl';

在我的一个组件中。

而且，我已经通过这个链接在 Angular2 中使用 SJCL 库

当我运行角度应用程序时，我得到了

** WARNING in ./node_modules/sjcl/sjcl.js
Module not found: Error: Can't resolve 'crypto' in './node_modules/sjcl'**

**Note starts:**
used sjcl.encrypt("password", "data")
but after console.log(sjcl.encrypt("password", "data"))
it shows undefined
**Note ends:**

可能是我的笔记不是那么完美，或者我定义错了。如何使用SJCL在没有此警告的情况下加密数据？

Answer 1

我遇到了同样的问题，经过一些研究，我发现它是与节点相关的警告。使用 Angular，您需要修改文件：

node_modules/@angular-devkit/build-angular/src/angular-cli-files/models/webpack-configs/browser.js

在我更改的文件末尾

节点：假，

到

节点：{加密：真，

流：真}，

Answer 2

我已经为我的反应应用程序使用了 sjcl 库。但过程保持不变。

import sjcl from 'sjcl';

现在你可以使用 sjcl.encrypt(( 函数了。如果您正在寻找AES加密的一些示例，您可以查看我的详细答案 https://stackoverflow.com/a/60504619/6453913

您也可以使用传统 commonJs 要求方法。