Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

precompile error, missing svg file


hi, I added the template files in my rails project and when I try to precompile I get this error: rake aborted!
SassC::SyntaxError: Error: Custom property values ​​may not be empty.
on line 62279:70906 of stdin
>> size:1.075rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csv

how can i solve?


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (24)


I think it gives such an error because of the line in style.bundle.css. Can you help me to solve it urgently?



Hi,

May I know which template and version are you using?
Could you please provide us a screenshot of the full error via https://imgur.com/ ?
We will check it further once we have further details.

Regards.



This is the whole error: https://imgur.com/kicv0Cv

Template: Metronic | Bootstrap HTML, VueJS, React, Angular, Asp.Net, Django & Laravel Admin Dashboard Theme

as version: 8.1.2 appears for the downloaded file



Which framework are you using? The HTML or Laravel, Django, Asp.Net Core, Flask ?



sorry i missed it, i am using html and ruby on rails



We are checking this. By the way, are you using Metronic's built-in gulp builder or rails' own builder? Please note that our theme requires to use of its own builder.



I am using your gulp builder from the tools folder
.



Hi BüÅŸra

Are you using the style.bundle.css in minified version or normal?
Could you please try to rebuild the Metronic assets using gulp, then try to use the new style.bundle.css. Just to check if there is an issue with normal and minified version CSS files.

Thanks



https://imgur.com/FHGoO36

Style.bundle.css file does not appear when I say gulp in console

should i add from the downloaded files myself?



Obviously, after downloading the metronic file, I dragged the files directly into the project.
Because in the project I needed to place it according to my own directory.
I didn't know how to add files in ruby ​​on rails project. Do you have a chance to support the rails project?

Also, we are using jquery in the project, can we continue to use jquery with this template?



Hi BüÅŸra

You said you use gulp builder from the tools folder. Could you please try to rebuild the assets, then drag and replace them into your rails assets?

We will support rails soon. We are currently already working on it.

You can use jquery in the template.

Thanks



Hi Faizal,
I did as you said.
I added the assets compiled with gulp to my own project
unfortunately the error persists when I include the style.bundle.css file

https://imgur.com/ErU9wCD



I will continue without using style.bundle.css now happy It seems necessary in some features, but for now there is no problem in editing the login page, if I do not use this file. I will switch to sidebar and navbar design for my project, it may be necessary there. If I can get it done without being fired, it's good happy I requested from my company to buy metronic template, they bought and they are waiting for results from me happy



Hi BüÅŸra

style.bundle.css is required for most of the pages.

The attribute comes from bootstrap scss. We have no control over this file. You can view it here; tools/node_modules/bootstrap/scss/_navbar.scss line 23

--#{$prefix}navbar-toggler-icon-bg: #{escape-svg($navbar-light-toggler-icon-bg)};


What you can do for now, please try to disable the navbar import from bootsrap.
src/sass/components/components.scss


@import "../../../tools/node_modules/bootstrap/scss/navbar";


We will try to check this issue further when we develop rails for Metronic soon.

Thanks



unfortunately, the same error persists when I remove this line sad



Hi BüÅŸra

After you have changed the file src/sass/components/components.scss with the above changes, you have to rebuild the CSS file styles.bundle.css file using gulp.

Then please retry to import the updated styles.bundle.css file.

Thanks



Hi, When I say gulp, only these files come, style.bundle.css is not created.

https://imgur.com/FHGoO36



Thanks, it worked



Glad it worked for now. We will check further on this issue.

Thanks



When will support for Ruby on Rails be released? Can I get information about this subject?



The current estimated target release date is around the next 2 weeks. But it depends on the ongoing progress.

Thanks



Hello, is there any progress on ruby ​​on rails support?



Hi BüÅŸra,

We are about to release v8.1.5, today or tomorrow. The Rails application is included.

Thanks


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(