Skip to content

v1.4.0: isn't adhering to styleExt default config setting / can't auto import into named module #7662

Closed
@denver-HJS

Description

@denver-HJS

Bug Report or Feature Request (mark with an x)

- [x] bug report -> please search issues before submitting
- [ ] feature request

Versions.

@angular/cli: 1.4.0
node: 7.2.1
os: win32 x64
@angular/animations: 4.3.6
@angular/cdk: 2.0.0-beta.10
@angular/common: 4.3.6
@angular/compiler: 4.3.6
@angular/core: 4.3.6
@angular/flex-layout: 2.0.0-beta.9-f978b94
@angular/forms: 4.3.6
@angular/http: 4.3.6
@angular/material: 2.0.0-beta.10
@angular/platform-browser: 4.3.6
@angular/platform-browser-dynamic: 4.3.6
@angular/router: 4.3.6
@angular/cli: 1.4.0
@angular/compiler-cli: 4.3.6
@angular/language-service: 4.3.6
typescript: 2.5.2

Repro steps.

Styles defaults Issue:

Run the command to generate a new component (see the attached screen shot for more detail).

ng g component components/commodity-input

yields:

C:\src\git\<redacted>\src\app>ng g component components/commodity-input
  create src/app/components/commodity-input/commodity-input.component.html (40 bytes)
  create src/app/components/commodity-input/commodity-input.component.spec.ts (721 bytes)
  create src/app/components/commodity-input/commodity-input.component.ts (327 bytes)
  create src/app/components/commodity-input/commodity-input.component.css (0 bytes)

.angular-cli.json:

"defaults": {
    "styleExt": "scss",
    "component": {},
    "serve": {
      "port": 9000
    }
  }

Auto import into named module issue:

I used to also be able to auto import into a child app module where my components are nested a level deeper which no longer seems to work.

where the folder structure is:

app.module.ts
ui-components.module.ts
components/
    --> component-name1/  (nested down a level within components dir)
    --> component-name2/

The child module def:

@NgModule({
  imports: [
    ...
  ],
  exports: [
    ...
  ],
  declarations: [
    ...
  ],
  schemas: [
    CUSTOM_ELEMENTS_SCHEMA
  ]
})
export class UiComponentsModule { }

The produced output:

C:\src\git\<redacted>\src\app>ng g component components/test -m ui-components
Error: Specified module does not exist
Specified module does not exist

Desired functionality.

I would like the newly generated component to have a SCSS file created (this was previously working)

angular-cli-styles-bug

Metadata

Metadata

Assignees

No one assigned

    Labels

    P1Impacts a large percentage of users; if a workaround exists it is partial or overly painfulseverity5: regressiontype: bug/fix

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions