Visual Studio Task Runner Explorer 无法识别 gulp 任务

Question

在 Visual Studio 2017 中，为了尝试将使用 Gulp 的 SASS 编译添加到使用 this 教程的 netcore2 项目中，我在使用 Task Runner Explorer 时遇到了问题。在我要添加 gulp 的项目中，Task Runner 不显示 any 任务。

如果我尝试将 Gulpfile.js 添加到另一个较旧或新创建的 netcore 2 项目，我可以看到 bundleconfig.json 中的一些任务和 Gulpfile.js 的空任务列表。

在所有这些项目中，我都有一个相同的gulpfile.js，如下所示：

/*
This file is the main entry point for defining Gulp tasks and using Gulp plugins.
Click here to learn more. https://go.microsoft.com/fwlink/?LinkId=518007
*/
var gulp = require('gulp');
var sass = require('gulp-sass');

var paths = {
    webroot: "./wwwroot/",
    sass: "./wwwroot/scss/",
    css: "./wwwroot/css/"
};

gulp.task('scss', function ()
{
    return gulp.src(paths.sass + '/**/*.scss')
        .pipe(sass().on('error', sass.logError))
        .pipe(gulp.dest(paths.webroot + 'css/'));
});

gulp.task('watch', function ()
{
    gulp.watch(paths.sass + '**/*.scss', ["scss"]);
});

我可以使用 PowerShell 命令行运行 gulp 作业，它们可以正确编译我的 scss，这意味着 gulpfile.js 是有效的。

根据我尝试过的其他 Stack Overflow 问题/答案：

• 在本地和全局安装 Gulp，没有变化srcsrc2。
• 添加一个以nodejssrc为目标的外部工具
• 添加npm task runner VS2017 扩展
• 添加Bundler & Minifier VS2017 扩展
• 总共重启 VS2017 几十次，主要是在上述每个步骤/尝试之间
• 多次运行npm install
• 将项目从src所在的解决方案文件夹中取出

关于没有src 的行，我找不到说要尝试此特定修复的线程，但我确实尝试了。

以上都没有解决它。有没有人遇到这个问题并以上述方式以外的其他方式修复它？有谁知道为什么会发生这种情况以及我做错了什么？

Answer 1

对我来说，修复是在本地运行 Gulp。

我尝试在全局范围内运行它，但没有成功。

Answer 2

我设法让它工作。 我不知道究竟是哪一步解决了我的问题，但我都是按照这个顺序完成的：

1. 在本地和全球范围内移除 gulp
2. 删除Bundler & Minifier vs 扩展
3. 删除npm task runner vs 扩展
4. 重启 VS 2017（确保它考虑到扩展的删除
5. 在解决方案的根目录下创建一个具有唯一名称的新 netcore 2.0 应用（我的几个项目在不同的文件夹中具有相同的名称）
6. 将旧项目中的所有文件复制/粘贴到新项目中
7. 重启VS 2017
8. 右键bundleconfig.json --> Bundler & minifier --> Convert to Gulp。这将安装 gulp 并在项目的根目录下生成 gulpfile.js。
9. 添加所需的 Gulp 任务
10. 右击gulpfile.js --> Task runner explorer
11. 完成

Answer 3

answer by @mathieu-viales 激励我做了以下也有效：

1. 从解决方案中删除受影响的项目，保存并关闭。
2. 重新打开解决方案，重新添加 项目到解决方案。
3. 完成！ Gulp 任务现在出现在 VS Test Runner 资源管理器中。