- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用?
- database - RESTful URI 是否应该公开数据库主键?
在 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()); ^ Error: Missing binding C:\Users\sam\Documents\Visual Studio 2017\Projects\MyProject\MyProject\node_modules\node-sass\vendor\win32-x64-47\binding.node Node Sass could not find a binding for your current environment: Windows 64-bit with Node.js 5.x Found bindings for the following environments: - Windows 64-bit with Node.js 7.x This usually happens because your environment has changed since running
npm install
. Runnpm rebuild node-sass
to build the binding for your current environment.
我确实在我的项目文件夹的根目录中运行了 npm rebuild node-sass
但仍然出现相同的错误。这是我在运行 npm rebuild node-sass
后得到的:
Binary found at C:\Users\sam\Documents\Visual Studio 2017\Projects\MyProject\MyProject\node_modules\node-sass\vendor\win32-x64-51\binding.node Testing binary Binary is fine 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
。
此外,我找到了这篇文章并按照说明进行操作,但问题仍未解决,我现在也发现我的项目中的 Bower 存在问题。这是文章: https://ryanhayes.net/synchronize-node-js-install-version-with-visual-studio-2015/
这是我在我的项目中看到的:
如果我在 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"
}
}
最佳答案
cnpm install gulp-load-plugins --save-dev
然后修改gulpfile
var gulp = require('gulp'),
sass = require("gulp-sass"),
gulpLoadPlugins = require('gulp-load-plugins'),
$ = gulpLoadPlugins();
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.js - Gulp 没有将 scss 转换为 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46147491/
我试图按部分组织我的 .css 文件,我需要从任何文件访问文件组中的任何类。在 Less 中,我可以毫无问题地创建一个包含所有文件导入的主文件,并且每个文件都导入主文件,但在 Sass 中,我收到一个
我有一个全局 main.scss 文件,我在其中声明了一个 .small-size-text{ font-size: 12px; } 并且在作为login.scss 的子组件文件中,我将另一个类定
这是一个我完全不明白的奇怪错误。我通常会先搜索并寻求答案,然后再将其发布到 StackOverflow 上。所以问题是我想使用从另一个名为 的 scss 文件中导入的变量。 _variables.co
我试图让 livereload 与 rails 3.2 一起工作,我遇到了这个问题,其中有一个引用,不使用 .css.scss 命名导入的 sass 部分: Rails: Use livereload
这是我当前在 gulpfile.js 中的代码部分: // Sass gulp.task('sass', function () { gulp.src(['./node_modules/boots
我有这样一个样式文件的项目结构: client/ config-style.scss ------components/ ------style.scss -----------------my_co
如何在另一个.scss文件中包括.scss文件? 我试图将其写入文件中: app.scss: @include('buttons'); @include('dropzone'); body {
当我向 body 添加“dark-theme”类时,我想添加一个不同的主题。我的实现是这样的: @import '../../../../node_modules/angular-grids/styl
我在一个 Angular 元素中有一个 SCSS,它从 node_modules 导入另一个 SCSS: @import "node_modules/grapesjs/src/styles/scss/
它会缓存一个文件还是会导入两次并加倍我的代码? 假设我有variable.scss 并且必须将它导入那两个apple.scss | orange.scss。这样可以吗? 最佳答案 根据需要多次导入 v
这是 style.scss - 文件 @import '~bootstrap/scss/_functions.scss'; @import '~bootstrap/scss/_variables.sc
我在我的应用程序上使用 Angular (Jhipster),我想在我的 glocal.scss 文件中导入几个 .scss 文件。所以我创建了一个“util”文件夹(与 global.scss 文件
我正在 MPR 中从 Vaadin 8 迁移到 Vaadin 14 LTS。我们项目中使用的 .scss 文件需要编译。我使用了以下插件 com.vaadin vaa
这是我当前的项目目录结构,因为我想不出更好的组织方式来组织每个组件都有自己的 .scss 文件的用例,但是,整个应用程序都是包含全局 variables.scss 文件的 Fed 主题。目前,我正在每
在我的reactJS应用程序中 - 我将所有.scss文件包含在一个main.scss文件中 - 在src文件夹中的styles文件夹下。我有以下 webpack 配置。尝试将 main.scss 文
在最近的 Angular 7 项目中,我有一个组件(在文件 file-list.component.ts 中定义),其中有一个 mat-paginator (来自 Angular Material 组
我有一个引用了一些 Compass mixins 的 SCSS 文件。现在我想将它包含在一个不使用 Compass 的元素中。为此,我想将带有 Compass 混入的 SCSS 转换为没有 Compa
我只是在处理这个 tutorial 之后的本地元素它告诉我更改三个 css 文件: fluid_skeleton.css => _fluid_skeleton.scss 规范化.css => _规范化
我在根文件夹中创建了一个全局 scss 变量文件 对于导入变量我写 @import '../../../style_config/style_config'(全局变量文件) 到每个 scss 文件 更
我正在尝试将多个 SCSS 文件处理成 Webpack (3.6.0) 中的单个外部 CSS 文件,但我在解析 @import 语句时遇到问题。 条目 index.js 包含: import './s
我是一名优秀的程序员,十分优秀!