网站搜索

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 …)🌹