Angular Storybook SCSS error

npm_run_storybook.output

> start-storybook -p 6006

@storybook/angular v3.3.3

=> Loading custom addons config.
=> Using default webpack setup based on "angular-cli".
 20% building modules 89/117 modules 28 active ..._modules/prop-types/checkPropTypes.jsts-loader: Using typescript@2.3.4 and /home/carlos/Workspace/commite/admin/node_modules/@storybook/angular/tsconfig.json
webpack built e0c7d03c111151e42a32 in 22362ms                                             
Hash: e0c7d03c111151e42a32
Version: webpack 3.10.0
Time: 22362ms
                       Asset       Size  Chunks                    Chunk Names
    static/preview.bundle.js    5.04 MB       0  [emitted]  [big]  preview
    static/manager.bundle.js    2.79 MB       1  [emitted]  [big]  manager
static/preview.bundle.js.map     5.9 MB       0  [emitted]         preview
static/manager.bundle.js.map    3.41 MB       1  [emitted]         manager
                  index.html     1.2 kB          [emitted]         
                 iframe.html  496 bytes          [emitted]         
 [378] ./node_modules/@storybook/angular/dist/server/config/polyfills.js 74 bytes {0} {1} [built]
 [379] ./node_modules/airbnb-js-shims/index.js 40 bytes {0} {1} [built]
 [430] ./node_modules/@storybook/angular/dist/server/config/angular-polyfills.js 110 bytes {0} {1} [built]
 [725] multi ./.storybook/addons.js ./node_modules/@storybook/angular/dist/server/config/polyfills.js ./node_modules/@storybook/angular/dist/client/manager/index.js 52 bytes {1} [built]
 [726] ./.storybook/addons.js 150 bytes {1} [built]
 [727] ./node_modules/@storybook/addon-actions/register.js 30 bytes {1} [built]
 [731] ./node_modules/@storybook/angular/dist/client/manager/index.js 423 bytes {1} [built]
 [952] multi ./node_modules/@storybook/angular/dist/server/config/polyfills.js ./node_modules/@storybook/angular/dist/server/config/globals.js ./node_modules/webpack-hot-middleware/client.js?reload=true ./.storybook/config.js 64 bytes {0} [built]
 [953] ./node_modules/@storybook/angular/dist/server/config/globals.js 107 bytes {0} [built]
 [954] ./node_modules/webpack-hot-middleware/client.js?reload=true 7.35 kB {0} [built]
 [958] ./node_modules/strip-ansi/index.js 161 bytes {0} [built]
 [960] ./node_modules/webpack-hot-middleware/client-overlay.js 2.21 kB {0} [built]
 [965] ./node_modules/webpack-hot-middleware/process-update.js 4.33 kB {0} [built]
 [966] ./.storybook/config.js 427 bytes {0} [built]
[1000] ./stories .stories.js$ 183 bytes {0} [built]
    + 1283 hidden modules

ERROR in ./src/app/page-header/page-header.component.scss
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
| .page-header {
|   .page-header-inner {
|     .page-logo {
 @ ./src/app/page-header/page-header.component.ts 30:17-56
 @ ./stories/index.stories.js
 @ ./stories .stories.js$
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/angular/dist/server/config/polyfills.js ./node_modules/@storybook/angular/dist/server/config/globals.js ./node_modules/webpack-hot-middleware/client.js?reload=true ./.storybook/config.js
Child html-webpack-plugin for "index.html":
         Asset    Size  Chunks  Chunk Names
    index.html  569 kB       0  
       [0] ./node_modules/html-webpack-plugin/lib/loader.js!./node_modules/@storybook/angular/dist/server/index.html.ejs 1.69 kB {0} [built]
       [1] ./node_modules/lodash/lodash.js 540 kB {0} [built]
       [2] (webpack)/buildin/global.js 509 bytes {0} [built]
       [3] (webpack)/buildin/module.js 517 bytes {0} [built]
Child html-webpack-plugin for "iframe.html":
          Asset    Size  Chunks  Chunk Names
    iframe.html  568 kB       0  
       [0] ./node_modules/html-webpack-plugin/lib/loader.js!./node_modules/@storybook/angular/dist/server/iframe.html.ejs 877 bytes {0} [built]
       [1] ./node_modules/lodash/lodash.js 540 kB {0} [built]
       [2] (webpack)/buildin/global.js 509 bytes {0} [built]
       [3] (webpack)/buildin/module.js 517 bytes {0} [built]