Ich verwende TypeScript in meiner Anwendung, in der ich folgende Funktionen verwende:

Object.assign(this.success, success.json())

Während der Kompilierung erhalte ich jedoch die folgende Fehlermeldung:

 error TS2339: Property 'assign' does not exist on type 'ObjectConstructor'.

Haben Sie eine Idee, wie ich diesen Fehler beseitigen kann?

Sie können die Typzusicherung wie folgt verwenden:

(<any>Object).assign(this.success, success.json())

Konfigurieren:

Wenn Sie VS-Code verwenden (oder wenn Sie eine tsconfig.jsonDatei sehen):

Sie sollten die libEigenschaft zu Ihrer hinzufügen , tsconfig.jsonund dann verwendet Ihr Editor die gebündelten Typoskript-Typdefinitionen und gibt Ihnen auch Intellisense.

Fügen Sie einfach den "lib": ["esnext", "dom"]zu Ihrem hinzu tsconfig.jsonund starten Sie VS Code neu

{
    "compilerOptions": {
        // ...
        "target": "es5",
        "lib": ["esnext", "dom"]
        // ...
    }
}

Alle tsconfig.jsonOptionen finden Sie hier .

Wenn Sie Visual Studio oder MSBuild verwenden, fügen Sie dieses Tag hinzu:

<TypeScriptLib>esnext, dom</TypeScriptLib>

Alle MSBuild Typoskript Compiler - Optionen und die Verwendung hier .

Überprüfe deine Arbeit:

Wenn Sie Ihr Projekt für die Verwendung der integrierten Typen konfiguriert und Ihren Editor neu gestartet haben, sieht der resultierende Typ wie folgt aus, anstatt des Typs, den anySie verwenden Object.assign:

Hinweis zu Polyfills und der Kompatibilität älterer Browser:

Beachten Sie, dass Sie Polyfills einschließen müssen, wenn Sie auf ES5 oder niedriger transpilieren und auf IE11 abzielen, da der Typoskript-Compiler die Polyfills für Sie nicht enthält.

Wenn Sie die Polyfills einschließen möchten (was Sie sollten), würde ich empfehlen, die Polyfills von core-js zu verwenden.

npm install --save core-js

oder

yarn add core-js

Fügen Sie dann am Einstiegspunkt in Ihrer App (z. B. /src/index.ts) den Import für core-jsoben in der Datei hinzu:

import 'core-js';

Wenn Sie keinen Paketmanager verwenden, können Sie die folgende aus MDN entnommene Polyfüllung einfach an einer Stelle in Ihren Code einfügen, die vor Ihrer Verwendung von ausgeführt wird Object.assign.

if (typeof Object.assign != 'function') {
  // Must be writable: true, enumerable: false, configurable: true
  Object.defineProperty(Object, "assign", {
    value: function assign(target, varArgs) { // .length of function is 2
      'use strict';
      if (target == null) { // TypeError if undefined or null
        throw new TypeError('Cannot convert undefined or null to object');
      }

      var to = Object(target);

      for (var index = 1; index < arguments.length; index++) {
        var nextSource = arguments[index];

        if (nextSource != null) { // Skip over if undefined or null
          for (var nextKey in nextSource) {
            // Avoid bugs when hasOwnProperty is shadowed
            if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) {
              to[nextKey] = nextSource[nextKey];
            }
          }
        }
      }
      return to;
    },
    writable: true,
    configurable: true
  });
}

Dies wird dadurch verursacht, dass Sie eine ECMAScript 6-Funktion verwenden und auf ECMAScript 5 oder 3 abzielen. Die einfachste Lösung besteht darin, das richtige Ziel festzulegen, z. B. wenn Sie Grunt verwenden:

options: {
    target: 'es6'
}

Ändern Sie die entsprechende Eigenschaftsregisterkarte in Visual Studio oder manuell, indem Sie Ihre .csproj-Datei bearbeiten, das TypeScriptTarget-Element suchen und zu ES6 wechseln. Beispiel:

<TypeScriptTarget>ES6</TypeScriptTarget>

Wenn Sie auf ES5 abzielen müssen, fügen Sie Ihrem TypeScript-Code lediglich Folgendes hinzu

declare interface ObjectConstructor {
    assign(target: any, ...sources: any[]): any;
}

Dadurch wird die zusätzliche Methode zusammengeführt und das Problem gelöst. Weitere Details hier . Abhängig von den Kompatibilitätsanforderungen Ihres Browsers benötigen Sie möglicherweise eine Polyfüllung - zum Beispiel diese von MDN :

if (typeof Object.assign != 'function') {
  (function () {
    Object.assign = function (target) {
      'use strict';
      if (target === undefined || target === null) {
        throw new TypeError('Cannot convert undefined or null to object');
      }

      var output = Object(target);
      for (var index = 1; index < arguments.length; index++) {
        var source = arguments[index];
        if (source !== undefined && source !== null) {
          for (var nextKey in source) {
            if (source.hasOwnProperty(nextKey)) {
              output[nextKey] = source[nextKey];
            }
          }
        }
      }
      return output;
    };
  })();
}

Sie können den Spread-Operator wie in ES6 verwenden

const obj = {...this.success,...success.json()};

Ich habe Typisierungen hinzugefügt:

typings install dt~es6-shim --global --save

Warum nicht den Spread-Operator verwenden?

return {this.success, ...success.json() || {}};

Ich weiß, das ist lange her, aber hier ist eine einfache Lösung

(Object as any).assign(this.success, success.json())