Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings
This repository was archived by the owner on Aug 7, 2021. It is now read-only.
This repository was archived by the owner on Aug 7, 2021. It is now read-only.

angular app with crash when use custom CSS #1080

Copy link
Copy link
Open
@miroslavaivanova

Description

@miroslavaivanova
Issue body actions

Environment
Provide version numbers for the following components (information can be retrieved by running tns info in your project folder or by inspecting the package.json of the project):

  • CLI: 6.1.2

Describe the bug
create a project and add custom CSS. When run the app you will see that it will crash.

To Reproduce

  1. tns create app --ng
  2. change the name app.css with new.css
  3. add in main.ts
    import * as application from "tns-core-modules/application";
    application.setCssFileName("new.css");
  4. add in app.components.ts : styleUrls:["../new.css"]
  5. change app.css with new.css in webpack.config.js
  6. tns run ios and will see exception:
    ERROR in ./new.css Module build failed (from ../node_modules/nativescript-dev-webpack/css2json-loader.js): Error: undefined:1:547: missing '{' at error (/Users/mivanova/Work/appTestnode_modules/tns-core-modules/css/lib/parse/index.js:62:15) at declarations (/Users/mivanova/Work/appTest/node_modules/tns-core-modules/css/lib/parse/index.js:247:25) at rule (/Users/mivanova/Work/appTest/node_modules/tns-core-modules/css/lib/parse/index.js:560:21) at rules (/Users/mivanova/Work/appTest/node_modules/tns-core-modules/css/lib/parse/index.js:117:70) at stylesheet (/Users/mivanova/Work/appTest/node_modules/tns-core-modules/css/lib/parse/index.js:81:21) at Object.module.exports [as parse] (/Users/mivanova/Work/appTest/node_modules/tns-core-modules/css/lib/parse/index.js:564:20) at Object.loader (/Users/mivanova/Work/appTest/node_modules/nativescript-dev-webpack/css2json-loader.js:12:23) @ ./app/app.component.ts 9:21-44 @ ./app/app.module.ts @ ./main.ts
    ERROR in ../node_modules/nativescript-dev-webpack/load-application-css-angular.js
    Module not found: Error: Can't resolve '~/app' in '/Users/mivanova/Work/appTest/node_modules/nativescript-dev-webpack'
    @ ../node_modules/nativescript-dev-webpack/load-application-css-angular.js 5:49-65 6:47-63
    @ ./main.ts

Expected behavior
app should work

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

      Morty Proxy This is a proxified and sanitized view of the page, visit original site.