将TSLint与webpack一起使用时,构建模块失败

时间:2016-09-08 12:19:46

标签: webpack tslint

我正在尝试在我的项目上运行TSLint,并且当尝试使用webpack构建时它当前失败了。我用以下结构创建了一个简单的项目repro:

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

Base和Derived是非常简单的类定义。但是当我跑步时

webpack

我收到以下消息:

    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

当我从 webpack.config.json

中删除以下部分时
            {
                test: /\.ts$/,
                loader: 'tslint'
            },

工作正常。如果需要更多信息,我可以提供必要的任何项目。 index.tsx导入Derived文件中的Derived.ts类具有以下内容:

import { Derived } from "./Derived";

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

提前致谢!

1 个答案:

答案 0 :(得分:1)

您缺少 tslint-loader

npm install --save-dev tslint-loader应该可以解决问题。