Ошибка при запуске задачи компиляции sru grunt - PullRequest
Новая
       45

Ошибка при запуске задачи компиляции sru grunt

0 голосов
/ 12 июня 2018

У меня следующая ошибка при запуске задачи grunt для компиляции файла scss: 

Running "watch:sass" (watch) task
Waiting...
>> File "Content\sass\main.scss" changed.
Running "sass:dist" (sass) task
Error: expected "{".
@import "layout";
                ^
  Content\sass\main.scss 4:17  root stylesheet
Warning: Exited with error code 65 Use --force to continue.
Aborted due to warnings.

Файл sass (main.scss) содержит одну строку кода: 

@import "layout";

А файл макета имеет несколько простых строк CSS.

Проблема, с которой я столкнулся, заключается в том, что я до этого без сбоев запускал одну и ту же конфигурацию с точно таким же кодом на разных машинах;проблема должна быть с этим компьютером.

Когда я запускаю узел -v, я получаю v8.11.2.Когда я запускаю npm -v, я получаю v5.6.0

Я запускаю новую установку Windows 10 с использованием Visual Studio для кодирования и командной строки для запуска задач.

У кого-нибудь естьЕсть идеи, почему это может происходить?Вот мой package.json: 

{
  "version": "1.0.0",
  "name": "SafeOnlineMVC",
  "private": true,
  "devDependencies": {
    "grunt": "0.4.5",
    "grunt-bower-task": "^0.4.0",
    "grunt-contrib-concat": "^1.0.1",
    "grunt-contrib-jshint": "^1.1.0",
    "grunt-contrib-sass": "^0.9.2",
    "grunt-contrib-uglify": "^2.0.0",
    "grunt-contrib-watch": "^0.6.1"
  }
}

Мой gruntfile.js: 

module.exports = function (grunt) {
    grunt.loadNpmTasks("grunt-bower-task");
    grunt.loadNpmTasks("grunt-contrib-watch");
    grunt.loadNpmTasks("grunt-contrib-sass");

    grunt.initConfig({
        sass: {
            dist: {
                options: {
                    style: "compressed"
                },
                files: [
                  {
                      "Content/main.css": "Content/sass/main.scss"
                  }
                ]
            }
        },
        watch: {
            sass: {
                files: ["Content/sass/*.scss"],
                tasks: ["sass"]
            }
        }
    });
};

Спасибо.

Редактировать: Основной файл scss: 

@import "_layout";

Редактировать: файл макета scss: 

.inner{
    width: 1320px;
    margin: 0 auto;
    padding: 0 20px;
    max-width: 100%;
    box-sizing:border-box;
}

1 Ответ

0 голосов
/ 12 июня 2018

В вашем css есть ошибка, как указано в сообщении об ошибке.Вам не хватает открывающей скобки после имени селектора.

...