scss没有转化成css,Gulp没有将scss转换为css

在Visual Studio中,Gulp未运行以将我的scss文件转换为css.

我得到的错误是:

cmd.exe/c gulp --tasks-simple C:\ Users\sam\Documents\Visual Studio 2017\Projects\MyProject\MyProject \node_modules \node-sass\lib\binding.js:15 throw new Error(errors.missingBinary ()); ^错误:缺少绑定C:\ Users\sam\Documents\Visual Studio 2017\Projects\MyProject\MyProject \node_modules \node-sass\vendor\win32-x64-47\binding.node Node Sass找不到绑定当前环境:带有Node.js 5.x的Windows 64位找到以下环境的绑定: - 带有Node.js 7.x的Windows 64位这通常是因为您的环境自运行以来已更改npm install.运行npm rebuild node-sass以构建当前环境的绑定.

我确实npm rebuild node-sass在我的项目文件夹的根目录中运行但仍然遇到了同样的错误.这是我跑完后得到的npm rebuild node-sass:

二进制文件位于C:\ Users\sam\Documents\Visual Studio 2017\Projects\MyProject\MyProject \node_modules \node-sass\vendor\win32-x64-51\binding.node测试二进制二进制文件很好node-sass@3.13. 1 C:\ Users\sam\Documents\Visual Studio 2017\Projects\MyProject\MyProject \node_modules \node-sass

我Gulpfile.js看起来像这样:

var gulp = require('gulp'),

sass = require("gulp-sass");;

gulp.task('default', function () {

// place code for your default task here

});

gulp.task("sass", function () {

return gulp.src('wwwroot/scss/style.scss')

.pipe(sass())

.pipe(gulp.dest('wwwroot/css'));

});

知道如何解决这个问题吗？

更新:如果我node -v在命令行中运行,我得到v7.10.0.

这就是我在项目中看到的内容:

如果我在Visual Studio中单击"管理Bower软件包",它只是尝试并尝试但似乎无法找到已安装的软件包.

更新2:

这是`package.json':

{

"name": "ingrid",

"version": "1.0.0",

"description": "Ingrid frontend",

"scripts": {

"start": "webpack-dev-server --port 43131",

"build": "webpack",

"build-production": "webpack --process -p"

},

"dependencies": {

"chart.js": "^2.1.6",

"filepicker-js": "^2.4.14",

"fine-uploader": "^5.14.2",

"fine-uploader-wrappers": "1.0.0",

"immutable": "^3.7.6",

"imports-loader": "^0.6.5",

"moment": "^2.14.1",

"object-assign": "4.1.1",

"react": "^15.5.4",

"react-addons": "^0.9.0",

"react-addons-css-transition-group": "^15.5.2",

"react-chartjs": "^0.7.3",

"react-dom": "^15.5.4",

"react-flip-move": "^2.4.1",

"react-masonry-component": "^4.1.0",

"react-perfect-scrollbar": "^0.1.1",

"react-redux": "^4.4.0",

"react-tinymce": "^0.4.0",

"redux": "^3.3.1",

"redux-thunk": "^1.0.3",

"tinymce": "^4.4.0"

},

"devDependencies": {

"babel-cli": "6.23.0",

"babel-core": "^6.24.1",

"babel-eslint": "7.2.0",

"babel-loader": "6.4.1",

"babel-plugin-rewire": "1.0.0",

"babel-polyfill": "^6.9.0",

"babel-preset-es2015": "^6.24.1",

"babel-preset-react": "^6.24.1",

"babel-preset-stage-0": "^6.5.0",

"babel-preset-stage-2": "^6.22.0",

"babel-plugin-syntax-class-properties": "6.13.0",

"babel-plugin-transform-class-properties": "6.23.0",

"babel-plugin-transform-object-rest-spread": "6.23.0",

"css-loader": "0.27.3",

"es6-promise": "4.1.0",

"eslint": "3.18.0",

"eslint-plugin-react": "6.10.3",

"extract-text-webpack-plugin": "2.1.0",

"exports-loader": "^0.6.3",

"gulp": "3.8.11",

"gulp-concat": "2.5.2",

"gulp-cssmin": "0.1.7",

"gulp-sass": "^2.3.2",

"gulp-uglify": "1.2.0",

"pica": "2.0.8",

"react-hot-loader": "^1.3.0",

"rimraf": "2.2.8",

"style-loader": "^0.18.1",

"webpack": "^2.6.1",

"webpack-node-externals": "^1.6.0",

"webpack-dev-server": "^2.4.5",

"whatwg-fetch": "^1.0.0"

}

}