Angular2 - stylesArr无法正确加载

Question

我有一个Angular2应用程序。这段代码正确加载了我的stylesArr：

import { Component, OnInit, AfterViewChecked, OnDestroy, AfterViewInit } from '@angular/core';
import { ActivatedRoute, Router, Params } from '@angular/router';
...

import * as c3 from 'c3';

@Component({
  selector: 'open-account',
  styleUrls: ['./open-account.component.scss'],
  templateUrl: './open-account.component.html',
})


export class OpenAccountComponent implements OnInit, AfterViewChecked, OnDestroy, AfterViewInit {
...

但是，当我将此代码与stylesArr数组一起使用时，我得到错误http://localhost:3000/open-account.component.scss 404 (Not Found) & Failed to load open-account.component.scss：

import { Component, OnInit, AfterViewChecked, OnDestroy, AfterViewInit } from '@angular/core';
import { ActivatedRoute, Router, Params } from '@angular/router';
...

import * as c3 from 'c3';

var stylesArr = ['./open-account.component.scss'];

@Component({
  selector: 'open-account',
  styleUrls: stylesArr,
  templateUrl: './open-account.component.html',
})


export class OpenAccountComponent implements OnInit, AfterViewChecked, OnDestroy, AfterViewInit {
...

下面是我的文件结构：

web-frontend
│       
│
└───src
    │   
    └───open-account
        └───index.ts
        └───open-account-widget-styles.component.scss
        └───open-account.component.html
        └───open-account.component.scss
        └───open-account.component.ts
        └───open-account.module.ts
        └───open-account.routes.ts
        └───open-account.service.ts

为什么第二种方法不起作用？它们的功能不应该完全相同吗？(ps。我需要使用数组形式，因为如果url中存在特定的查询字符串，我将有条件地向数组添加第二个样式表)。

Answer 1

将路径修改为

var stylesArr = ['/open-account.component.scss'];

如果这不起作用，请使用文件夹结构更新您的帖子