Question

我正在尝试在我的角度组件ts中使用Buffer来编码授权字符串。

它未使用ng build进行编译。我尝试了npm i @types/node，并在tsconfig.json的类型字段中添加了“节点”。但是错误仍然存在。

以下是错误详细信息：

ERROR in src/app/register/register.component.ts(40,29): error TS2591: Cannot find name 'Buffer'. Do you need to install type definitions for node? Try `npm i @types/node` and then add `node` to the types field in your tsconfig.

这是register.component.ts

的代码

import { Component, OnInit } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';
import { User, PricingPlan } from 'api';
import * as EmailValidator from 'email-validator';

@Component({
  selector: 'app-register',
  templateUrl: './register.component.html',
  styleUrls: ['./register.component.scss']
})
export class RegisterComponent implements OnInit {
  model = new User();
  passwordRepeat = '';
  pricingPlans: PricingPlan[];
  userExist = false;

  serverUrl = 'http://127.0.0.1:3000/';
  registerSuccess = false;
  registerFailed = false;

  constructor(private http: HttpClient) {}

  ngOnInit() {
    this.http
      .get(`${this.serverUrl}pricingplans`)
      .subscribe((pricingplans: PricingPlan[]) => {
        this.pricingPlans = pricingplans;
      });
  }

  validateEmail(em) {
    return EmailValidator.validate(em);
  }

  validatePasswords() {
    return this.passwordRepeat === this.model.password;
  }

  save() {
    const auth = 'Basic ' + Buffer.from(this.model.email).toString('base64');

    this.http.get(`${this.serverUrl}user`, {
      headers: {
        Authorization: auth
      }
    }).subscribe((responce: User) => {
      this.userExist = (responce.email === this.model.email);
    });

    if (this.userExist) {
      return;
    }
  }
}

以下是我的tsconfig.json

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "module": "esnext",
    "moduleResolution": "node",
    "importHelpers": true,
    "target": "es2015",
    "typeRoots": [
      "node_modules/@types"
    ],
    "types": [
      "node"
    ],
    "lib": [
      "es2018",
      "dom"
    ]
  },
  "angularCompilerOptions": {
    "fullTemplateTypeCheck": true,
    "strictInjectionParameters": true
  }
}

Answer 1

通过此命令在您的计算机上安装缓冲区

npm install Buffer

然后，您可以将Buffer导入为register.component.ts中的

import * as Buffer from "Buffer";

现在您可以使用Buffer了，希望不会有问题

错误ReferenceError：“ ng build”时出现“未定义缓冲区”

1 个答案: