当文件改变时，Grunt-ts手表不工作

Question

我使用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,
                    }               
            }

和所有东西都编译得很好:

" 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的手表触发时它不工作

Answer 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();
    });

Answer 2

我似乎不明白为什么ts-grunt的手表触发时不起作用。

这些错误可以安全地忽略。它们出现的原因是因为grunt只是从命令行驱动tsc，并且只将单个文件传递给它。

<标题>更多h1> 果您真的关心，您可以使用reference标记来引入全局.d.ts文件(不通过import/require进入的文件)。但我强烈建议不要这么做。你应该有一个IDE打开，它会给你真实的错误总是(…咳嗽原子…)🌹