Compiling Sass or Scss Error in Laravel 7 with TailwindCSS - laravel

I have put the SCSS file in the directory: ProjectName/public/css/main.scss
and I have followed the method of this problem but it didn't work, even though it was only a little different, it didn't solve my problem. following the link:laravel-scss-compiling-fails
actually I am in this project using laravel/ui, that is Tailwindcss.
please help with my problem, and hopefully with this it can help friends who are also experiencing problems like me.🙏🙏🙏
enter image description here
Compiling Sass/Scss Files:
d:\laragon\www\ProjectName\public\css\main.scss
d:\laragon\www\ProjectName\vendor\laravel\ui\src\Presets\bootstrap-stubs\app.scss
--------------------
Compilation Error
Error: File "d:\laragon\www\ProjectName\vendor\laravel\ui\src\Presets\bootstrap-stubs\~bootstrap\scss\bootstrap" not found
on line 8 of sass/d:\laragon\www\ProjectName\vendor\laravel\ui\src\Presets\bootstrap-stubs\app.scss
>> #import '~bootstrap/scss/bootstrap';
--------^
--------------------

Related

Error compiling sass in vscode with DartJS Sass Compiler extension

I'm trying to implement a project using Bulma, but I'm hitting the following error when the extension tries to compile the sass files:
Error: Run: Cwd: /Users/.../Projects/.... Exec: node-modules/.bin/sass
`stylesheets/styles.scss:stylesheets/styles.css did not launch correctly. pid is null / undefined - undefined`
I've not been able to find any solution or reference to this by googling, so I'd be really grateful if someone can give me a tip.
Thanks
The developer helped me with the solution. See here

Jekyll can't compile .sass files

Jekyll simply won't compile any of my .sass files when I run it with
bundle exec jekyll build,
but jekyll serve -l works just fine. It's really irritating, because my sass works in a development environment, but breaks if I upload it to Github pages.
The error:
Conversion error: Jekyll::Converters::Scss encountered an error while converting 'assets/css/styles.scss':
Invalid CSS after " 50px": expected "}", was ";" on line 3
jekyll 3.9.0 | Error: Invalid CSS after " 50px": expected "}", was ";" on line 3
assets/css/styles.scss:
---
---
#import "base";
_sass/base.sass:
\:root
--navheight: 50px;
--backgroundcolor: #1b111d
--textcolor: #F4F3EF
--navlink: #2478ed
I'm pretty sure base.sass on line 3 is where it's breaking, not styles.scss. Not sure why the error displays itself that way.
Ok, so turns out I just had to remove all the semicolons. That was pretty easy, I guess.

Redefinition of ... Errors in RCTLog.h after linking RNVectorIcons in a React Native project

After running the command react-native link react-native-vector-icons I now get a bunch of Redefintion of ... errors in RCTLog.h in RNVectorIcons (it has a little column house icon, is that a library?) errors in Xcode in my react native project. How do I fix these build errors - I tried react-native unlink react-native-vector-icons but that errors ERR! It seems something went wrong while unlinking. Error: Cannot read property 'config' of undefined so it looks like I have to fix this manually.
For context I was trying to work around the font not found errors from using #shoutem/ui with react native.
https://github.com/shoutem/ui/issues/95
Found the answer in this response to an issue in github https://github.com/shoutem/ui/issues/134
Looks like the link command for shoutem/ui and vector icons was not updated for react 0.40. You have to manually change the import statements in the libraries for BVLinearGradient... from
#import "RCTBridge.h"
#import "RCTViewManager.h"
#import "RCTView.h"
to this
#import <React/RCTBridge.h>
#import <React/RCTViewManager.h>
#import <React/RCTView.h>

Bourbon Neat is giving me error after sass watch

Hi guys i am new to Bourbon Neat.
ive installed bourbon and neat in a folder.
Now after i do this
sass --watch scss
When it compiles the css generated has following errors.
Syntax error: Invalid CSS after "... $grid-columns ": expected "}", was "!global !default;"
on line 48 of C:/neatFinale/scss/../neat/functions/_private.scss
from line 2 of C:/neatFinale/scss/../neat/_neat-helpers.scss
from line 6 of C:/neatFinale/scss/../neat/_neat.scss
from line 2 of C:/neatFinale/scss/main.scss
Please tell me if i am doing something wrong.
Thanks.
Ps: When doing Neat--ver it says DL is deprecated.

Update css in old project with jeet 2

I have this project I worked on with jeet 2, and that I need to update some styles.
In my machine I updated already the jeet version to version 3 via npm
Now when I do "jeet watch" I got this error :
Doesn't appear to be a Jeet Directory
I tried using Prepros to watch and compile the .styl files but I got another error :
> 1| #import 'nib'
2|
3| /* Syntax quick reference
4| * ----------------------
failed to locate #import file nib.styl
Any ideas what should I do?
Jeet's major releases really don't have a good way to elegantly upgrade as they're so drastically different from the last.
For instance, Jeet isn't a command line tool anymore. But you can use it as a Stylus library: https://github.com/mojotech/jeet#installation
So far as nib failing to be found it's probably not on your system. Try this: npm install -g nib

Resources