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

Posted 2023-01-20

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

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

我已经尝试过以下方法。

我安装了软件包

1. npm install --save sjcl

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

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

这是我的package.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';

在我的组件之一中。

此外，我已经通过此链接Using SJCL library in Angular2

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

** 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:**

可能是我的
note

不够完美，或者我定义错误。如何在没有此警告的情况下使用SJCL加密数据？我想在客户端加密数据，所以我找到了SJCL npm。翻阅了他们的文档。但是，SJCL贡献者提供的文档较少，无法在Angular中实现，我已经尝试过...

答案

我已将sjcl库用于我的react应用程序。但是过程保持不变。