如何使组件中的Angular 4@import样式正常工作？

对于我的Angular 4.0.2通用应用程序，我有一个组件（BlogComponent），其中包含：

@Component({
    templateUrl: 'blog.component.html',
    styleUrls: ['blog.component.scss']
})

在样式表中，我有：

@import '../../styles';

文件结构：

/src
    styles.scss
    /app
        /blog
            blog.component.scss

i、 e.根目录中的主样式表和应用程序/博客中的组件样式表

当我运行

npm start

时，我得到：

Error: Compilation failed. Resource file not found: C:/Users/robba/Angular4/robbailey3/src/styles
    at ModuleResolutionHostAdapter.readResource (C:\Users\robba\Angular4\robbailey3\node_modules\@angular\compiler-cli\src\compiler_host.js:370:19)
    at CompilerHost.loadResource (C:\Users\robba\Angular4\robbailey3\node_modules\@angular\compiler-cli\src\compiler_host.js:243:85)
    at Object.get (C:\Users\robba\Angular4\robbailey3\node_modules\@angular\compiler\bundles\compiler.umd.js:24640:107)
    at DirectiveNormalizer._fetch (C:\Users\robba\Angular4\robbailey3\node_modules\@angular\compiler\bundles\compiler.umd.js:13297:45)
    at C:\Users\robba\Angular4\robbailey3\node_modules\@angular\compiler\bundles\compiler.umd.js:13426:53
    at Array.map (native)
    at DirectiveNormalizer._loadMissingExternalStylesheets (C:\Users\robba\Angular4\robbailey3\node_modules\@angular\compiler\bundles\compiler.umd.js:13426:14)
    at C:\Users\robba\Angular4\robbailey3\node_modules\@angular\compiler\bundles\compiler.umd.js:13429:26
    at process._tickCallback (internal/process/next_tick.js:109:7)
    at Module.runMain (module.js:607:11)
Compilation failed

但是，当我使用

ngserve

时，import语句工作正常

---

如何使

@import

语句用于

npm start

或

npm build

你在script下的Package.json中写了什么？我得到了：“scripts”：{“prestart”：“ng build--prod&&ngc”，“start”：“ts node src/server.ts”}如果

styleurl:['./blog.component.scss']

，npm start正在启动

ts node src/server.ts

command@GhanshyamSingh我的src/server.ts文件与样式无关。为什么这会影响@import？