2016-09-08 2 views
0

Ich versuche, TSLint auf meinem Projekt auszuführen, und es ist derzeit fehlgeschlagen, wenn versucht wird, mit Webpack zu erstellen. Ich habe eine einfache Repro meines Projekts mit der folgenden Struktur erstellt:Build-Modul bei Verwendung von TSLint mit Webpack fehlgeschlagen

\tslint-issue 
    |-\src 
    | |-Base.ts 
    | |-Derived.ts 
    | |-index.tsx 
    |-babel.rc 
    |-index.html 
    |-package.json 
    |-tsconfig.json 
    |-webpack.config.json 

Basis und Abgeleitet sind ziemlich einfache Klassendefinitionen. Aber wenn ich laufe

webpack 

bekomme ich folgende Meldung:

ERROR in ./src/Derived.ts 
Module build failed: TypeError: this.computeFullOptions is not a function 
    at Object.Linter (c:\Code\tslint-issue\node_modules\tslint\lib\tslint.js:15:29) 
@ ./src/index.tsx 2:16-36 

Wenn ich den folgenden Abschnitt aus meinem webpack.config.json entfernen

  { 
       test: /\.ts$/, 
       loader: 'tslint' 
      }, 

Es funktioniert gut. Wenn mehr Informationen benötigt werden, kann ich jedes notwendige Projekt zur Verfügung stellen. Die index.tsx importiert die Derived Klasse in Derived.ts Datei hat folgenden Inhalt:

import { Derived } from "./Derived"; 

var d = new Derived(25); 
console.log(d.AbsMethod()); 

Vielen Dank im Voraus!

Antwort

1

Sie vermissen tslint-loader.

npm install --save-dev tslint-loader sollte den Trick tun.

+0

Total behoben! Vielen Dank. Es war nicht offensichtlich aus dem Fehler, was passierte.Ich habe versucht, Sie zu bearbeiten, um den Bindestrich (-) nach npm zu entfernen, aber es ist nicht ausreichend, eine Bearbeitung zu tun. Gutes Auge, nicht dass ich sehe, dass ich nicht einmal das Paket aufgenommen habe. –

+1

Danke für den Hinweis auf den Tippfehler! Ich habe es behoben und stimme zu, dass der Fehler ein wenig irreführend ist. Ich habe deine Frage gefunden, nachdem ich die Fehlermeldung "Red Hering" gegoogelt und herausgefunden habe. – kamkha

Verwandte Themen