tth-connector.png missing from theme, halts webpack compilation

Post Reply
ncetincift
Posts: 8
Joined: 02 Jan 2018, 09:32

03 Jan 2018, 13:49

if i import 'assets/theme/theme-green.css' to styles.css it gives tth-connector.png missing error,
so I download it (viewtopic.php?f=70&t=53612)
now it gives following warnings is it normal.

i also import theme css to index.html which one is correct or preferred way to import theme

Code: Select all

WARNING in ./node_modules/css-loader?{"sourceMap":false,"importLoaders":1}!./node_modules/postcss-loader/lib?{"ident":"postcss","plugins":[null,null,null],"sourceMap":false}!./src/assets/layout/css/layout-cosmic.css
(Emitted value instead of an instance of Error) autoprefixer: C:\work\workspaces\lega\branches\4.22-angular\lega-client\src\assets\layout\css\layout-cosmic.css:976:3: Gradient has outdated direction syntax. New syntax is like `to left` instead of `right`.
NonErrorEmittedError: (Emitted value instead of an instance of Error) autoprefixer: C:\work\workspaces\lega\branches\4.22-angular\lega-client\src\assets\layout\css\layout-cosmic.css:976:3: Gradient has outdated direction syntax. New syntax is like `to left` inst
ead of `right`.
    at Object.emitWarning (C:\work\workspaces\lega\branches\4.22-angular\lega-client\node_modules\webpack\lib\NormalModule.js:117:16)
    at result.warnings.forEach (C:\work\workspaces\lega\branches\4.22-angular\lega-client\node_modules\postcss-loader\lib\index.js:149:49)
    at Array.forEach (<anonymous>)
    at postcss.process.then (C:\work\workspaces\lega\branches\4.22-angular\lega-client\node_modules\postcss-loader\lib\index.js:149:27)
    at <anonymous>
 @ ./node_modules/css-loader?{"sourceMap":false,"importLoaders":1}!./node_modules/postcss-loader/lib?{"ident":"postcss","sourceMap":false}!./src/styles.css 4:10-191
 @ ./src/styles.css
 @ multi ./node_modules/primeng/resources/primeng.min.css ./node_modules/fullcalendar/dist/fullcalendar.min.css ./node_modules/quill/dist/quill.snow.css ./node_modules/font-awesome/css/font-awesome.min.css ./node_modules/nanoscroller/bin/css/nanoscroller.css ./s
rc/styles.css

merve7
Posts: 492
Joined: 12 Sep 2017, 10:44

05 Jan 2018, 15:06

You can see that we import theme css to index.html because we can switch theme files. That means, if you want to switch theme files import to index.html. If you use one theme file, you can import to .angular-cli.json like

Code: Select all

"styles": [
	"../node_modules/primeng/resources/primeng.min.css",	
	//other css files	
	],

ncetincift
Posts: 8
Joined: 02 Jan 2018, 09:32

08 Jan 2018, 14:27

Thanks for reply.
when i import layout and theme from angular-cli.json it gives flowing warning. how can i fix it

Code: Select all

WARNING in ./node_modules/css-loader?{"sourceMap":false,"importLoaders":1}!./node_modules/postcss-loader/lib?{"ident":"postcss","sourceMap":false}!./src/assets/layout/css/layout-teal.css
(Emitted value instead of an instance of Error) autoprefixer: C:\work\workspaces\lega\branches\4.26-Angular\lega-client\src\assets\layout\css\layout-teal.css:976:3: Gradient has outdated direction syntax. New syntax is like `to left` instead of `right`.
NonErrorEmittedError: (Emitted value instead of an instance of Error) autoprefixer: C:\work\workspaces\lega\branches\4.26-Angular\lega-client\src\assets\layout\css\layout-teal.css:976:3: Gradient has outdated direction syntax. New syntax is like `to left` instea
d of `right`.
    at Object.emitWarning (C:\work\workspaces\lega\branches\4.26-Angular\lega-client\node_modules\webpack\lib\NormalModule.js:117:16)
    at result.warnings.forEach (C:\work\workspaces\lega\branches\4.26-Angular\lega-client\node_modules\postcss-loader\lib\index.js:149:49)
    at Array.forEach (<anonymous>)
    at postcss.process.then (C:\work\workspaces\lega\branches\4.26-Angular\lega-client\node_modules\postcss-loader\lib\index.js:149:27)
    at <anonymous>
 @ ./src/assets/layout/css/layout-teal.css 4:14-161
 @ multi ./node_modules/primeng/resources/primeng.min.css ./node_modules/fullcalendar/dist/fullcalendar.min.css ./node_modules/quill/dist/quill.snow.css ./node_modules/font-awesome/css/font-awesome.min.css ./node_modules/nanoscroller/bin/css/nanoscroller.css ./s
rc/assets/theme/theme-teal.css ./src/assets/layout/css/layout-teal.css ./src/styles.css

merve7
Posts: 492
Joined: 12 Sep 2017, 10:44

17 Jan 2018, 10:52

We fixed for next release but you can fix with

Code: Select all

background-image:         linear-gradient(to left, $start-color, $end-color);
(in _mixins.scss line 128) until release

Post Reply

Return to “Verona - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 0 guests