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

时间:2017-11-21 15:21:21

标签: visual-studio gulp visual-studio-2017 asp.net-core-2.0 task-runner-explorer

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

enter image description here

如果我尝试将Gulpfile.js添加到其他netcore 2项目,它是较旧的或新创建的,我可以看到bundleconfig.json中的一些任务和{{{{{}的空任务列表1}}。 enter image description here

在所有这些项目中,我有一个相同的Gulpfile.js,如下所示:

gulpfile.js

我可以使用PowerShell命令行运行gulp作业,并且他们正确编译我的/* 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"]); }); ,这意味着scss有效。

根据其他Stack Overflow问题/答案,我试过:

  • 在本地和全球范围内安装Gulp,无需更改src src2
  • 添加定位gulpfile.js src external tools
  • 的外部工具
  • 添加nodejs VS2017扩展程序
  • 添加npm task runner VS2017扩展程序
  • 重新启动VS2017总共几十次,大部分介于上述每个步骤/尝试之间
  • 多次运行Bundler & Minifier
  • 将项目从src
  • 的解决方案文件夹中取出

没有npm install的行我可以找到我被告知尝试修复的地方,但我确实尝试过。

以上都没有解决它。有没有人遇到这个问题并以上述方式以外的方式修复它?有谁知道为什么会这样,我做错了什么?

3 个答案:

答案 0 :(得分: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. DONE

答案 1 :(得分:0)

对我来说,此修复程序是在本地运行Gulp的。

我尝试在全球范围内运行它,但是没有用。

答案 2 :(得分:0)

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

  1. 从解决方案中移除受影响的项目,保存并关闭。
  2. 重新打开解决方案,将项目重新添加到解决方案中。
  3. 完成! Gulp 任务现在出现在 VS Test Runner 浏览器中。