忽略TypeScript类型错误

Question

Here is SystemJS + TypeScript plunk，从official Angular plunk template创建。

，因为它表明，它忽略所有打字稿类型的错误，已记录到控制台的唯一事情就是foo：

main.ts

const foo: boolean = 'foo'; 

console.log(foo); 

config.js

System.config({ 
    //use typescript for compilation 
    transpiler: 'typescript', 
    //typescript compiler options 
    typescriptOptions: { 
    emitDecoratorMetadata: true 
    }, 
    paths: { 
    'npm:': 'https://unpkg.com/' 
    }, 
    //map tells the System loader where to look for things 
    map: { 

    'app': './src', 
    ... 
    }, 
    //packages defines our app package 
    packages: { 
    app: { 
     main: './main.ts', 
     defaultExtension: 'ts' 
    }, 
    ... 
    } 
}); 

index.html

... 
<script src="https://unpkg.com/systemjs@0.19.31/dist/system.js"></script> 
<script src="config.js"></script> 
<script> 
System.import('app') 
    .catch(console.error.bind(console)); 
</script> 
... 

一般来说，我宁愿使用TypeScript来停止应用程序的执行并抛出类型错误。

这个设置有什么问题？为什么要抑制TypeScript错误？这个设置如何改变？

Answer 1

对于SystemJS，您可以使用plugin-typescript，该版本在版本6中可以选择在浏览器中启用类型检查（请注意this option is removed in version 7）。

但是你必须精确地confiure该插件在其readme拼写出来，那就是，有typescript包SystemJS配置与main和meta这样的：

typescript: { 
    "main": "lib/typescript.js", 
    "meta": { 
    "lib/typescript.js": { 
     "exports": "ts" 
    } 
    } 
} 

然后，因为这main，你必须在map到

'typescript': 'npm:typescript@2.2.1' 

改变typescript然后，你还需要这些添加到typescriptOptions：

experimentalDecorators: true, 
typeCheck: true 

这些更改后，正在被打印在控制台类型错误：

unpkg.com/plugin-typescript@6.0.4/lib/plugin.js:498 TypeScript [Error] 
Type '"foo"' is not assignable to type 'boolean'. (TS2322) 

但我不认为有一种方式来对类型错误停止执行程序 - noEmitOnErrors没有影响据我所知，插件打字稿。

我保存了更新的plunk here，不知道它会保留多久。