更新到MACOS Catalina后Ruby指南针问题失败

Question

我有一个网站的旧设置使用Gulp来编译与gulp-sass的SASS文件。在我把我的Mac更新到Catalina之前，一切都运行得很顺利。

现在，当我运行gulp命令来编译SASS时，我得到了以下错误：-

/.rvm/rubies/ruby-2.3.0/lib/ruby/2.3.0/fileutils.rb: Read-only file system @ dir_s_mkdir - /c
Run with --trace to see the full backtrace
events.js:174
throw er; // Unhandled 'error' event
^
Error: Compass failed

我搜索了许多论坛，并尝试了一些解决方案，比如更新Ruby、在本地安装Gems等，但都没有解决这个问题。

任何方向都可以。

"devDependencies": { "@babel/cli": "7.4.4", "@babel/core": "7.4.5", "@babel/plugin-syntax-dynamic-import": "^7.2.0", "@babel/polyfill": "^7.4.4", "@babel/preset-env": "7.4.5", "@babel/register": "7.4.4", "autoprefixer": "^6.3.6", "babel-jest": "^24.8.0", "babel-loader": "^8.0.6", "babel-minify-webpack-plugin": "^0.3.1", "bower": "^1.7.9", "bricks.js": "^1.0.1", "browser-sync": "^2.26.5", "compression-webpack-plugin": "^3.0.1", "concurrently": "^4.1.0", "cssnano": "^3.4.0", "eslint-loader": "2.1.2", "eslint-plugin-flowtype": "^2.50.1", "eslint-plugin-jest": "^23.2.0", "gulp": "^3.9.1", "gulp-babel": "^8.0.0", "gulp-compass": "^2.1.0", "gulp-concat-util": "^0.5.4", "gulp-data": "^1.2.1", "gulp-eslint": "^5.0.0", "gulp-imagemin": "^4.1.0", "gulp-plumber": "^1.2.1", "gulp-postcss": "^6.0.1", "gulp-print": "^5.0.0", "gulp-rename": "^1.2.2", "gulp-sass": "^3.2.1", "gulp-sass-lint": "^1.4.0", "gulp-sourcemaps": "^1.6.0", "gulp-twig": "^0.5.0", "gulp-uglify": "^1.5.1", "gulp-util": "^3.0.7", "jest": "^24.5.0", "jest-puppeteer": "4.2.0", "lodash": "^4.17.15", "node-sass": "^4.13.0", "path": "^0.12.7", "postcss-assets": "^4.0.1", "postcss-cssnext": "^2.4.0", "puppeteer": "^1.18.0", "stylelint": "^9.5.0", "stylelint-order": "^1.0.0", "uglifyjs-webpack-plugin": "^2.1.3", "webpack": "^4.32.2", "webpack-bundle-analyzer": "^3.3.2", "webpack-cli": "^3.3.2", "webpack-concat-plugin": "^3.0.0" }, "dependencies": { "babel-preset-jest": "^24.6.0", "chart.js": "^2.8.0", "jquery": "3.4.1", "natives": "^1.1.6" },

Answer 1

感谢大家。我的问题是SASS是用Ruby SASS编写的。node-sass是Lib SASS的包装器。这将不适用于此代码库。

我现在结束这个问题，因为我相信我已经找到了答案。

用MacOS做了两个大的改变。

1Ruby system Ruby版本从2.3升级到2.6，2-系统-The gem目录不再可写-它不是安装用户gem的地方。

这就是我认为的问题所在。建议使用Homebrew重新安装Ruby。我在这里找到了一些关于如何做到这一点的信息https://gorails.com/setup/osx/10.15-catalina

Answer 2

尝试不使用Ruby，并显式指定node-sass。

gulpfile.js

var gulp = require('gulp');
var sass = require('gulp-sass');

sass.compiler = require('node-sass');

gulp.task('test-gulp-sass', done => {
  sass();
  done();
})

$ npm install --save-dev gulp gulp-sass node-sass
$ npx gulp test-gulp-sass