typescript - 当文件更改时 grunt-ts 监视无法工作
我正在使用grunt:
"dev-build": {
src: ["src/**/*.ts", "typings/vendors.d.ts","typings/tsd.d.ts", "!libs/**/*.ts"],
outDir: "artifacts/dev",
watch: "src/**/*",
options: {
// comments: true,
// baseDir: 'src/',
module: "amd",
target: "es5",
sourceMap: true,
declaration: true, //inlineSourceMap :true,
//emitDecoratorMetadata:true,
//experimentalDecorators:true,
}
}
而且一切都能顺利编译:
TypeScript 编译完成:256 个 TypeScript 文件耗时 8.97 秒。
但是在更改文件(添加换行符)而不更改代码后,使用监视模式编译就会失败:
### changed >>src/FxsPortal/FxsBaseItemViewModel.ts
Compiling...
### Fast Compile >>src/FxsPortal/FxsBaseItemViewModel.ts
Using tsc v1.6.2
C:/dev/AscendXYZ Portal/src/FxsPortal/FxsBaseItemViewModel.ts(2,21): error TS2307: Cannot find module 'knockout'.
我知道没有错误,因为我可以手动编译所有内容。我似乎不明白为什么当 ts-grunt 的监视器触发时它不起作用。
答案#1
仅供参考,我只是想分享我是如何使用外部手表解决这个问题的。
watch: {
devBuildWatch: {
files: ['src/**/*'],
tasks: ['ts:devBuild'],
options: {
spawn: false,
},
}
},
以及一个 onchange 动作
var changedFiles = {};
var onChange = grunt.util._.debounce(function () {
grunt.config('ts.devBuild.src', Object.keys(changedFiles).concat([ "typings/vendors.d.ts","typings/tsd.d.ts", "!libs/**/*.ts"]));
changedFiles = Object.create(null);
}, 50);
grunt.event.on('watch', function (action, filepath) {
changedFiles[filepath] = action;
onChange();
});
答案#2
我似乎不明白为什么当 ts-grunt 的 watch 触发时它不起作用。
这些错误可以安全忽略。它们出现的原因是因为 grunt 只是从命令行驱动 tsc,并且只传递单个文件。
更多
如果你真的在意,你可以使用reference标签来引入全局.d.ts文件(不是通过import/require引入的文件)。但我强烈不建议这样做。你应该打开一个IDE,它无论如何都会给你真实的错误提示(…咳,atom-ts …)🌹
