Question

我正在尝试使用vuejs和Typescript将加密实施到我的项目中。我在.vue文件中成功实现了它，但是当我尝试将加密写入Typescript类时，mocha测试运行了它，但是当我尝试在浏览器中编译并打开它时，在控制台中出现了javascript错误：

app.js:128620 Uncaught ReferenceError: require is not defined
at Object.crypto (app.js:128620)
at __webpack_require__ (app.js:20)
at Object../resources/ts/Classes/Model/Crypter.ts (app.js:125233)
at __webpack_require__ (app.js:20)
at Object../resources/ts/Controller/AuthController.ts (app.js:125924)
at __webpack_require__ (app.js:20)
at Object../node_modules/babel-loader/lib/index.js?!./node_modules/babel- 
loader/lib/index.js!./node_modules/vue- 
loader/lib/index.js?!./resources/js/Components/Includes/Login.vue? 
vue&type=script&lang=js& (app.js:3308)
at __webpack_require__ (app.js:20)
at Module../resources/js/Components/Includes/Login.vue? 
vue&type=script&lang=js& (app.js:124322)
at __webpack_require__ (app.js:20)

app.js中的标记行是：

module.exports = require("crypto");

我已经尝试过在打字稿文件中导入不同的“策略”，例如：

import * as crypto from "crypto";
import crypto from "crypto";
var crypto = require("crypto");

并将其添加到webpack.mix.js

"node": {
        fs: "empty",
        crypto: true,
        http: true,
        https: true,
        os: true,
        vm: true,
        stream: true,
        path: true
    },

但是没有用。

The Crypter.ts

import crypto from "crypto";

export default class Crypter {

    public constructor() {
    }

    public static publicEncrypt(data: JSON, publicKey: string): string{
        let dataStr = JSON.stringify(data);
        let dataB64 = Buffer.from(dataStr).toString("base64");
        var buffer = Buffer.from(dataB64);
        return crypto.publicEncrypt(publicKey, buffer).toString("base64"); 
    }
}

tsconfig.json

    "compilerOptions": {
        "allowUnreachableCode": false,
        "allowUnusedLabels": true,
        "alwaysStrict": true,
        "charset": "utf8",
        "declaration": true,
        "declarationDir": "resources/ts/lib/types",
        "declarationMap": true,
        "esModuleInterop": true,
        "experimentalDecorators": true,
        "importHelpers": true,
        "lib": ["ES5", "ES6", "DOM", "DOM.Iterable", "ScriptHost"],
        "locale": "en",
        "module": "commonjs",
        "moduleResolution": "node",
        "noFallthroughCasesInSwitch": true,
        "noImplicitAny": true,
        "noImplicitReturns": true,
        "noImplicitThis": true,
        "noImplicitUseStrict": false,
        "noUnusedParameters": true,
        "outDir": "public/js",
        "baseUrl": "resources/",
        "paths": {
            "Base/*":           [ "ts/*" ],
            "@js/*":            [ "js/*" ],
            "@ts/*":            [ "ts/*" ],
            "Component/*":      [ "ts/Components/*" ],
            "Interface/*":      [ "ts/Interfaces/*" ],
            "Model/*":          [ "ts/Model/*" ],
            "Controller/*":     [ "ts/Controller/*" ],
            "Helper/*":         [ "ts/Helper/*" ]
        },
        "pretty": true,
        "sourceMap": true,
        "target": "ES5",
        "typeRoots": [
            "node_modules/@types"
        ],
        "downlevelIteration": true
    },
    "include": [
        "resources/ts/**/*"
    ],
    "exclude": [
        "node_modules",
        "**/*.spec.ts"
    ],
    "files": [
        "./node_modules/@types/node/index.d.ts"
      ]
}

我希望该错误是由于错误的编译或其他错误配置引起的。

Answer 1

您无法在Web应用程序中访问nodejs加密模块。 Node.js使用相同的javascript语法，但未在浏览器中运行。

您可能需要安装另一个加密货币库，例如crypto-js，可以使用npm install crypto-js进行安装。（some ideas）可能还有很多其他库可供选择

Node.js加密模块不适用于打字稿

1 个答案: