Gulp TypeError：path.join的参数必须是字符串

作者: 威斯特
发布时间: 2024-12-27 10:41:11 (1月前)
转自：

4 条回复

0#
回复此人
SHOU宅大可爱 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <code> gulp-ruby-sass </code> 版本1.0.0中的语法更改。看到这个问题： <a href="https://github.com/sindresorhus/gulp-ruby-sass/issues/191"> https://github.com/sindresorhus/gulp-ruby-sass/issues/191 </A> 新文档目前在这里： <a href="https://github.com/sindresorhus/gulp-ruby-sass/tree/rw/1.0#gulp-ruby-sass-is-a-gulp-source-adapter"> https://github.com/sindresorhus/gulp-ruby-sass/tree/rw/1.0#gulp-ruby-sass-is-a-gulp-source-adapter </A> 这应该编译指定目录中的sass文件： <pre> <code> gulp.task('sass', function() { return sass('sass/') .pipe(gulp.dest('./css')); }); </code> </pre> </DIV>

编辑
1#
回复此人
求赞有赞必回 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> 随着 <a href="https://github.com/sindresorhus/gulp-ruby-sass/tree/rw/1.0#usage"> 语法更改 </A> 在的 一饮而尽，红宝石萨斯 </强> 从1.0.0-alpha开始，你需要使用 <code> gulp-ruby-sass() </code> 代替 <code> gulp.src() </code> 从文件或目录编译Sass。 如果您尝试使用较新或最新版本的原始语法，您可能会遇到以下错误： <code> TypeError: Arguments to path.join must be strings </code> 例如，0.7.x及更早版本中使用gulp.src（）的原始语法现已弃用： <pre class="lang-js prettyprint-override"> <code> var gulp = require('gulp'); var sass = require('gulp-ruby-sass'); // gulp-ruby-sass: 0.7.1 gulp.task('sass', function() { return gulp.src('path/to/scss') .pipe(sass({ style: 'expanded' })) .pipe(gulp.dest('path/to/css')); }); </code> </pre> 使用gulp-ruby-sass（）作为gulp源适配器在1.x中引入的新语法： <pre class="lang-js prettyprint-override"> <code> // gulp-ruby-sass: 1.x gulp.task('sass', function() { return sass('path/to/scss', { style: 'expanded' }) .pipe(gulp.dest('path/to/css')); }); </code> </pre> 注意return语句第一行的差异。 另外请记住，在撰写本文时，使用gulp-ruby-sass 1.0.0-alpha时，还不支持globs。 </DIV>

编辑
2#
回复此人
疯子哥哥 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> 稍微偏离主题，但在也想要使用的情况下 <a href="https://www.npmjs.com/package/gulp-sourcemaps" rel="nofollow noreferrer"> 一饮而尽，sourcemaps </A> ，那里的各种文件有点过时了。使用 <a href="https://stackoverflow.com/users/245264/rjb"> RJB </A> 有了源图的例子，你会这么做的 <pre class="lang-js prettyprint-override"> <code> // gulp-ruby-sass: 1.x gulp.task('sass', function() { return sass('path/to/scss', { style: 'expanded', sourcemap: true }) .pipe(sourcemaps.init({loadMaps: true})) .pipe(sourcemaps.write('./')) .pipe(gulp.dest('path/to/css')); }); </code> </pre> 请注意源映射的目标arg， <code> './' </code> ，将评估到下面一行中的文件夹， <code> gulp.dest(...) </code> ，有效地，map-file将最终进入 <code> 'path/to/css' </code> 。 归功于此 <a href="http://www.devworkflows.com/posts/getting-scss-auto-prefixer-and-source-map-to-play-nice/" rel="nofollow noreferrer"> http://www.devworkflows.com/posts/getting-scss-auto-prefixer-and-source-map-to-play-nice/ </A> 。 </DIV>

编辑

登录后才能参与评论