gruntjs - VS 2019 gruntfile.js 使用 'sass = require(' node-sass')' 时找不到任务

Question

我第一次尝试在新的 .Net Core 3.1 Web 应用程序上设置 grunt-sass。我已经完成了 MSFT 的步骤，将 grunt 添加到此处概述的项目中 here然后使用 grunt-sass 指令 here 中的步骤对其进行修改.

但是，这会导致任务运行程序资源管理器声明未找到任何任务。
这是我的 package.json:

{
  "name": "chapelstudios_www",
  "version": "0.0.2",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "repository": {
    "type": "git",
    "url": "git+https://me@bitbucket.org/me/chapelstudios_www.git"
  },
  "author": "mr",
  "license": "ISC",
  "homepage": "https://bitbucket.org/me/chapelstudios_www#readme",
  "private": true,
  "devDependencies": {
    "grunt": "^1.0.4",
    "grunt-cli": "^1.3.2",
    "grunt-sass": "^3.1.0",
    "node-sass": "^4.13.1"
  },
  "dependencies": {
    "gulp": "^4.0.2"
  }
}

这是我的 gruntfile.js:

const sass = require('node-sass');
require('load-grunt-tasks')(grunt);

module.exports = function (grunt) {
    // Project configuration.
    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),

        // Sass
        sass: {
            options: {
                implementation: sass,
                sourceMap: true, // Create source map
                outputStyle: 'compressed' // Minify output
            },
            dist: {
                files: [
                    {
                        expand: true, // Recursive
                        cwd: "Styles", // The startup directory
                        src: ["**/*.scss"], // Source files
                        dest: "wwwroot/css", // Destination
                        ext: ".css" // File extension
                    }
                ]
            }
        }
    });

    // Load the plugin
    grunt.loadNpmTasks('grunt-sass');

    // Default task(s).
    grunt.registerTask('default', ['sass']);
};

我不确定如何获得更详细的错误信息，但已将问题追踪到

const sass = require('node-sass');

grunt-sass 指令所需的行。如果我将其更改为旧教程推荐的字符串“sass”，则任务会显示，但在我尝试实际运行它时会失败。

我还从项目目录中提升的 powershell 窗口运行了以下安装，以确保它们已安装到本地项目中，因为我听说这是一个主要问题:

npm install
npm install grunt
npm install grunt-cli
npm install --save-dev node-sass grunt-sass

在这一点上，我没有想法，但我是新手，所以我确定我错过了一些明显的东西。

Answer 1

对于使用现有项目访问此项目的其他人，我在新计算机上遇到了与预先存在的 node-sass/grunt 文件有关的问题，我发现在我的 package.json 中提高 node-sass 的版本导致 VS如另一个答案中所述，重新安装软件包并更新绑定(bind)。

我有点怀疑在命令提示符下运行 grunt 与 VS 使用的任何版本之间存在版本差异，因为如果我手动运行 grunt 文件，它工作得很好，但不会显示在 Task Runner Explorer 中。