Task Runner Explorer窗口在我的Gulpfile.js下"加载失败",并且没有列出任何构建过程

Sha*_*ode 5 load visual-studio node.js gulp gulp-sourcemaps

这是随机发生的,因为我正在更新我的CSS文件,然后刷新以注意没有显示任何更改.我最终注意到我的Gulpfile.js下的Task Runner Explorer窗口"无法加载",并且没有列出任何构建过程.

然后我做了一些研究并重新排序了外部工具列表,正如一些SO线程所提到的那样,什么也没做.然后我注意到gulpfile.js需要一些文件:

var gulp = require("gulp"),
   gulpless = require("gulp-less"),
   sourcemaps = require("gulp-sourcemaps"),
   rimraf = require("rimraf");
Run Code Online (Sandbox Code Playgroud)

这些都不在node_modules文件夹中所以我完成了npm install gulp-less和npm install gulp-sourcemaps,现在在Output> Task Runner Explorer中检查并出现以下错误.

无法运行"C:\ projects\Fusion\FusionMVC\Gulpfile.js"...

cmd.exe/c gulp --tasks-simple

C:\项目\融合\node_modules \吞-sourcemaps \node_modules\strip-.bom\index.js:2

module.exports上的module.exports = x => {^ SyntaxError:Module._compile(module.js:439:25)处的异常令牌>,位于Object.Module._extensions..js(module.js:474:10)处( module.js:356:32)在Function.Module._load(module.js:312:12)的Module.require(module.js:364:17)at的require(module.js:380:17)处.(C:\ projects\Fusion \node_modules\gulp-sourcemaps\src\init.js:10:14)在Module._compile(module.js:456:26)的Object.Module._extensions..js(module.js) :474:10)在Function.Module._load的Module.load(module.js:356:32)(module.js:312:12)

任何可能出错的线索或解决方案以及如何使其正常工作都会很棒!通过大多数SO线程,该解决方案无法正常工作.

Sha*_*ode 12

经过大量研究,通过SO线程和npm教程,我终于找到了问题.它看起来像PATH变量(不确定它是否使用系统或用户级别)可能是不正确的.我从来没有碰过它们,但在添加了一个直接路径到本地安装的包文件夹并将它放在外部工具位置列表的顶部后,它工作了.

外部工具的位置 - 选项对话框

在担心路径之前要注意的一些事情是:

  • 确保安装了所有正确的npm软件包
  • gulpfile.js代码是正确的
  • node.js和npm都是最新的

  • 在 VS2019 中,外部 Web 工具位置现在为“工具”>“选项”>“项目和解决方案”>“Web 包管理”>“外部 Web 工具” (2认同)

ASi*_*uat 5

@SharpCode 的解决方案效果很好,但如果您使用的是 VS2019,它已移至“选项”>“项目和解决方案”>“Web 包管理”>“外部 Web 工具”:

在此输入图像描述