Мой sc5-styleguide больше не обновляется - javascript


1

Так что вчера он работал как шарм, я пошел домой, приступил к работе сегодня утром, и это не сработало. Я создаю стиль для веб-сайта. Я надеюсь, что некоторые из вас, ребята, могут мне помочь. Здесь мой код

gulpfile.js

var paths = {
    styles: assets/scss/source/**/*.scss,
    cssDest: frontend/css,
    styleguide: styleguide
};

gulp.task(watch, function() {
    gulp.watch(paths.styles, [styles, styleguide]);
});

gulp.task(styles, function() {
    return gulp.src(paths.styles)
        .pipe(sourcemaps.init())
        .pipe(sass())
        .pipe(gulp.dest(paths.cssDest))
        .pipe(concat(all.min.css))
        .pipe(cssnano())
        .pipe(sourcemaps.write())
        .pipe(gulp.dest(paths.cssDest))
        .pipe(livereload());
});

gulp.task(styleguide:generate, function() {
    return gulp.src(paths.styles)
        .pipe(styleguide.generate({
            title: My Styleguide,
            rootPath: paths.styleguide,
            appRoot: /styleguide,
            overviewPath: README.md,
            server : false,
            disableEncapsulation: true,
            styleVariables: assets/scss/_variables.scss,
            extraHead: [
                <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>,
                <script src="/frontend/js/bootstrap.min.js"></script>,
                <script type="text/javascript" src="/frontend/js/lib.min.js"></script>,
                <script type="text/javascript" src="/frontend/js/all.min.js"></script>
            ],
    }))
    .pipe(gulp.dest(paths.styleguide));
});

gulp.task(styleguide:applystyles, [styles], function() {
  return gulp.src([
        "frontend/css/bootstrap.min.css",
        "frontend/css/main.css"
    ])
    .pipe(styleguide.applyStyles())
    .pipe(gulp.dest(paths.styleguide));
});

Когда я запускаю gulp watch и сохраняю scss, я получаю следующее:

enter image description here

Что не определено!?! И как мне это исправить?

РЕДАКТИРОВАТЬ

Проблема возникает в styleguide: генерировать

Источник
  •  39
  •  2
  • 21 мар 2020 2020-03-21 10:03:35

2 ответа

0

Я получил это ужасно полезное сообщение об ошибке несколько раз сейчас.

Большую часть времени он появляется для меня, когда я давал два блока одинаковой идентификации. Например, если у меня есть два раздела с Styleguide 1.1, то Styleguide показывает ошибку в большом красном, визуализированном разделе в заголовке страницы самого стилегида. Однако, если у меня есть дополнительные вложенные дети с таким же идентификатором, как это: Styleguide 1.1.3, то все, что я вижу, является неопределенным в консоли и мертвой веб-страницей, где когда-то был мой прекрасный стиль.

Еще одна проблема, которая стоила мне нескольких часов, появилась, когда я попытался установить переменные в SCSS с глобальным суффиксом! Я нашел исправление, когда наткнулся на эту статью: Передовые методы для генератора стилей SC5. Ключ был в одном из последних абзацев, SC5 Exclude и Compiler Errors. Здесь упоминается добавление проблемных разделов кода в блоки игнорирования. Это описано в файле readme в разделе " Игнорировать части таблицы стилей" от обработки.

В настоящее время я использую версию sc5-styleguide 0.3.44 с глотком 3.9.1.

Я сам не заглянул в код SC5, но надеялся, что мой опыт может каким-то образом помочь другим, которые спотыкаются на этот вопрос.

Для чего стоит, всегда быть особенно осторожным, чтобы избежать дублирования идентификаторов и щедро использовать //styleguide:ignore:start и //styleguide:ignore:end вокруг "проблемных" блоков кода сработало для меня.

0

Я получил это ужасно полезное сообщение об ошибке несколько раз сейчас.

Большую часть времени он появляется для меня, когда я давал два блока одинаковой идентификации. Например, если у меня есть два раздела с Styleguide 1.1, то Styleguide показывает ошибку в большом красном, визуализированном разделе в заголовке страницы самого стилегида. Однако, если у меня есть дополнительные вложенные дети с таким же идентификатором, как это: Styleguide 1.1.3, то все, что я вижу, является неопределенным в консоли и мертвой веб-страницей, где когда-то был мой прекрасный стиль.

Еще одна проблема, которая стоила мне нескольких часов, появилась, когда я попытался установить переменные в SCSS с глобальным суффиксом! Я нашел исправление, когда наткнулся на эту статью: Передовые методы для генератора стилей SC5. Ключ был в одном из последних абзацев, SC5 Exclude и Compiler Errors. Здесь упоминается добавление проблемных разделов кода в блоки игнорирования. Это описано в файле readme в разделе " Игнорировать части таблицы стилей" от обработки.

В настоящее время я использую версию sc5-styleguide 0.3.44 с глотком 3.9.1.

Я сам не заглянул в код SC5, но надеялся, что мой опыт может каким-то образом помочь другим, которые спотыкаются на этот вопрос.

Для чего стоит, всегда быть особенно осторожным, чтобы избежать дублирования идентификаторов и щедро использовать //styleguide:ignore:start и //styleguide:ignore:end вокруг "проблемных" блоков кода сработало для меня.