title: Error when running grunt sass compile task
body: <p>I have the following error when running a grunt task to compile a scss file:</p>
  
  <pre><code>Running "watch:sass" (watch) task
  Waiting...
  &gt;&gt; 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.
  </code></pre>
  
  <p>The sass file (main.scss) contains one line of code:</p>
  
  <pre><code>@import "layout";
  </code></pre>
  
  <p>And the layout file has a simple few lines of CSS.</p>
  
  <p>The problem I'm having with this is that I have run this exact same config with the exact same code on different machines before without fail; the issue must be with this computer.</p>
  
  <p>When I run node -v, I get v8.11.2. When I run npm -v, I get v5.6.0</p>
  
  <p>I'm running a new install of Windows 10 using Visual Studio to code and command line to run the tasks.</p>
  
  <p>Does anyone have any idea why this might be happening? Here is my package.json:</p>
  
  <pre><code>{
    "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"
    }
  }
  </code></pre>
  
  <p>My gruntfile.js:</p>
  
  <pre><code>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"]
              }
          }
      });
  };
  </code></pre>
  
  <p>Thanks.</p>
  
  <p>Edit: Main scss file:</p>
  
  <pre><code>@import "_layout";
  </code></pre>
  
  <p>Edit: Layout scss file:</p>
  
  <pre><code>.inner{
      width: 1320px;
      margin: 0 auto;
      padding: 0 20px;
      max-width: 100%;
      box-sizing:border-box;
  }
  </code></pre>