Visual Studio Task Runner Explorer 無法識別 gulp 任務

Question

在 Visual Studio 2017 中，嘗試使用 Gulp 將SASS編譯添加到使用本教程的netcore2項目時，我遇到了 Task Runner Explorer 的問題。 在我想添加 gulp 的項目中，Task Runner 不顯示任何任務。

如果我嘗試將添加Gulpfile.js到其他磊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 命令行運行scss作業，它們會正確編譯我的scss ，這意味着gulpfile.js是有效的。

根據我嘗試過的其他堆棧溢出問題/答案：

• 在本地和全局安裝 Gulp，沒有更改src src2 。
• 添加一個針對nodejs src的外部工具
• 添加npm task runner VS2017 擴展
• 添加Bundler & Minifier VS2017 擴展
• 總共重新啟動 VS2017 幾十次，主要是在上述每個步驟/嘗試之間
• 多次運行npm install
• 采取項目從解決方案文件夾中，它的SRC

關於沒有src的行，我找不到說要嘗試此特定修復程序的線程，但我確實嘗試過。

以上都沒有修復它。 有沒有人遇到過這個問題並以上述方法以外的其他方式修復它？ 有誰知道為什么會發生這種情況以及我做錯了什么？

Answer 1

我設法讓它工作。 我不知道究竟是哪一步解決了我的問題，但我按以下順序完成了所有操作：

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 。 這將安裝gulpfile.js並在項目的根目錄生成一個gulpfile.js 。
9. 添加所需的 Gulp 任務
10. 右鍵單擊gulpfile.js --> Task runner explorer
11. 完成

Answer 2

對我來說，修復是在本地運行 Gulp。

我嘗試在全球范圍內運行它，但沒有用。

Answer 3

@mathieu-viales的回答激發了我做以下工作：

1. 從解決方案中刪除受影響的項目，保存並關閉。
2. 重新打開解決方案，將項目重新添加到解決方案中。
3. 完成！ Gulp 任務現在出現在 VS Test Runner 瀏覽器中。