How to set up SCSS in WebStorm - sass

I am trying to work with SCSS and compile it as CSS in WebStorm, so I set a file watcher for that but unfortunate I got this error:
Failed to run File Watcher 'SCSS'.
The watcher has been disabled.
Error: Invalid executable
So I google it and I found out that there as some steps that needs to be done first like in this link but I can't find this path :
In the Program field, specify the path to the compiler archive depending on the chosen predefined template.
lessc for Less.
sass for Sass/SCSS.
If you followed the standard installation procedure with npm, JetBrains Rider locates the required files itself and fills in the field automatically. Otherwise, type the path manually or click the Browse button and choose the file location in the dialog that opens.
I don't know if this even would solve my problem or not.

Related

Where I can obtain the "stylus.bat"" for the File watchers of IntelliJ IDEA faminly IDEs?

According the IntelliJ IDEA documentation, the Stylus files watcher setup is:
In the Settings/Preferences dialog click File Watchers under Tools. The File Watchers page that opens shows the list of
already configured File Watchers.
Click the Add button or press Alt+Insert and choose the Stylus predefined template from the list.
In the Program field, specify the path to the executable file:
stylus for macOS and Unix.
stylus.bat for Windows.
Type the path manually or click the Browse button and choose the file location in the dialog that opens.
IntelliJ IDEA
documentation
The question is where I can get the stylus.bat.
If I install the Stylus globally by npm, it will be installed to [Drive]>Users>[UserName]>AppData>Roaming>npm>node_modules>stylus for the Windows case:
But there is no stylus.bat. Inside bin directory, there is the file stylus without filename extension, but this one does not work.
A <drive>:\Users\<user name>\AppData\Roaming\npm\stylus.cmd should do the thing

WebStorm SCSS File Watcher error: invalid executable

After creating a new project in the JetBrains WebStorm IDE, I ran into an error with the SCSS file watcher. It says: ERROR: invalid executable, but I don't know what causes that error in the first place.
The scss file is nothing special at all, nevertheless the error pops up. Please help me understand what causes that error.
Make sure to specify a valid path to SASS compiler in your file watcher settings, Program field.
See https://www.jetbrains.com/help/webstorm/2020.2/transpiling-sass-less-and-scss-to-css.html#install_sass_scss, https://www.jetbrains.com/help/webstorm/2020.2/transpiling-sass-less-and-scss-to-css.html#create_file_watcher

How to install Dart Sass?

The instructions on the website say:
You can install Sass on Windows, Mac, or Linux by downloading the package for your operating system from GitHub and adding it to your PATH. That's all—there are no external dependencies and nothing else you need to install.
I downloaded the Windows package from here: https://github.com/sass/dart-sass/releases/tag/1.10.1 and now what? Where do I place the zip? Do I need to extract it? I have no idea what this means - "To install Dart Sass 1.10.1, download one of the packages above and add it to your PATH." Sass is not being recognized when I try to check the version from the command line.
Can someone provide a step by step guide?
I've also installed Ruby, if it matters (but I don't want Ruby Sass, I want Dart Sass).
For windows 10
Go here dart-sass and download dart-sass which is suitable for your operating system.
Extract it where you want.
Open windows search and search this "system environment variables" then click it to open.
Click "Environment Variables"
Under system varibles find the PATH variable, select it, and click "Edit".
If there is no PATH variable, click "New" and write here PATH.
Go your dard-sass folder and copy directory.
Add your directory to the beginning of the variable value followed by ; (a semicolon). For example, if the value was C:\Windows\dart-sass, change it to C:\Users\Me\bin;C:\Windows\dart-sass. If there is not another directory just add your directory here. Then click "Ok".
Open "Command Prompt".
Write here "sass --version" and click enter to be sure it installed correctly.
Create style.scss and style.css file.
Write on Command Prompt "cd" then your directory(where is style.scss and style.css file). For example "cd Desktop\webdev"
Then write this "sass --watch style.scss style.css". Then minimize it.
That's it. You can open your text editor then style.scss file and write your Sass code. It's automatically compile to the css code.
https://katiek2.github.io/path-doc/

I am getting this error when i perform make on codeblocks source code

configmanager.cpp:39:44: error: wx/mac/corefoundation/cfstring.h: No such file or directory
The compilator can't find the cfstring.h file. Try reinstall codeblocks.
It happens because you are creating the file in documents or other folder.
Create the file in your Desktop and while giving it a name don't include space in it, click build and run, the terminal will open with the output. It worked for me at least, then you can move it to your desired folder.

I'm getting "clang: error: no input files"

I had a file which I deleted and replaced with another file, somewhere else, of the same name.
Despite cleaning, and trying this multiple times, I keep getting this error:
clang: error: no such file or directory: '/Users/Andrew/App/Version 1.1/XCode/UIImage+Alpha.m'
clang: error: no input files
I can't continue working on my app because of it. Any ideas?
The problem might be because your project > target > Build Phases > Compile Sources is trying to compile a file that doesn't exist. It might be in there twice, like the below screen shot. My project contains UIImage+FFXtras, I can even remove it and re-add it and this won't resolve the problem!
I'm not sure how the project gets into this state - but I know it's not obvious what is going wrong. Highlight the red problem one and remove it.
So have a look in compile sources phase for the file clang is complaining about.
Got the similar troubles.
It seems XCode does not generate correct relative filepath when your project refer to an already existing source tree (relative path does not contain the .xcodeproj in the path of the file to be compiled).
There is a simple fix however: in the project explorer select the file or files files then look at the options in the file inspector. One of them is labeled "Location"; set it to absolut path and try again. This fixed the issue for me :)
Additional to all answers:
delete derived data
reboot
delete derived data
clean
build
Success!
Only this sequence works for me in my case.
I use quite a few cocoa pods and have just had this happen to me. A quick "pods update" sorted things out for me. -phil
If you are using vs code and facing this issue which says
clang: error: no such file or directory: 'filename'
clang: error: no input files
Error while running files:
I solved this issue by removing the space or replacing the space with underscore(_) in the filename .extension
In case everything fails (i.e. first try bames53 suggestion)
Ok, this might be dangerous so make a copy of your whole project first:
close Xcode
locate the project file in the Finder
right click, choose "show package contents"
open project.pbxproj in a text editor of your choice, but not Xcode
search for your file
at the beginning of the line that shows up, you'll see some id like 640450991409CF5C00B3B580. Search for this and delete any line you find.
pay attention, not to break the syntax (balance parenthesis and brackets, pay attention for commas)
when you are done, save the file and try to open the project in Xcode. Add the missing file via the Add file… dialog of Xcode. It is still in the folder of your project — if you added it successfully in the first place — you just got rid of all project references.
dont be surprised, if it doesnt work instantly — you have a copy. copy it again, new try.
And remember: make a copy of your whole project first — for every try. or copying the project.pbxproj might be enough.
Add this line in your pod-file and run pod install:
use_frameworks!
I had this error in monodevelop. I just went to edit>preferences
and changed the default location of the program files. It was set to the monodevelop default they give you when you open a file and not the folder i changed it too.
Likely, you need to adjust the settings of xcode, where you stored your files.
I was seeing this while setting up a React Native project. Solved it using:
sudo xcode-select --switch /Applications/Xcode.app
Source
Comment Quoted from another site was the issue is resolved for me
hmm that's strange. Try this - click on the name of your project on the list of files/folders on the left in Xcode (at the very top of the list). Look at the "Targets" section on the left-hand side of the window to the right. Likely, there's two listed with the second being a "test" item. Right-click on that item and select "delete". Then try to run the project again. See screenshot below for a visual cue.

Resources