Pros: support a bunch of essential features such as minifying resources, bundle and etc.
P.S. I used this plugin for 3 years on 2 version of VS in 4 locations before uninstalling it. Let me know if you improve the plugin.
VS2013 U4, WE 2.5.3 (but any 2.5.x has the same problem), clasical webproject on IIS express, .NET4, build completely fails.
An exception was thrown when Web Essentials: Updating Bundles...: System.NullReferenceException: Object reference not set to an instance of an object. at MadsKristensen.EditorExtensions.BundleFilesMenu.<UpdateAllBundlesAsync>d__12.MoveNext() An exception was thrown when Web Essentials: Updating Sprites...: System.NullReferenceException: Object reference not set to an instance of an object. at MadsKristensen.EditorExtensions.Images.SpriteImageMenu.<UpdateAllSpritesAsync>d__f.MoveNext()
The latest 2.5.3 release (26 Nov 2014) reports LESS compile errors again (hooray!). Note: it has been intermittently not "auto-building on save" for a few versions. It says it is compiling on save, but the output file is not changing.
There is an issue of it not recognizing changes, so I had to empty the css files first before it would compile them again. This may relate to problems in the previous release e.g. The previous release for VS 2013 Update 4 gave no error details for compile problems (VS 2013 Ultimate with Update 4).
I had the same issue. I clicked the Web Essentials menu and selected crate solution settings.
This created a Solution Items folder and then a JSON file with the settings.
Now my LESS compile options work and the preview window works.
If you already have a settings file, maybe delete it and re-add it.
I also have problems with less files not compiling, even if I recreate json settings file or explicitly force recompilation... Why does Recompile all less files does not do what it says ? Stability of this plugin is not so good lately... Mads? please respond!!!
I followed the tip from Tipflare, but also updated my less syntax, which has changed, and it worked.
Variables now start with @ and mixins with "." instead of "@". Update your syntax and it should be OK: http://lesscss.org/features/
this is not clear at all.
I've Visual Studio 2013, but "Update 5 ctp".
If I try to install the Web Essentials 2013 I get: "This extension is not installable on any currently installed products";
and if I try to install the Web Essentials 2015 I get: "This extension is not installable on any currently installed products";
So... how am I supposed to install this Web Essentials?!?!?!?!?
I have my mixins/placeholders/variables in a separate SASS partial and want them available to the rest of my SASS partials through intellisense.
I've tried using an @import at the top of each partial but it doesn't pick up anything.
I have WE 2013 Updt 4 installed. I have bootstrap less files in my project. right clicking on any of them: entire WE context menu is greyed out. nuts. on VS Menu bar is WE, I select "Re-compile LESS files" nothing happens. What the heck is going on? Does this thing require node to be running? does it require a sacrificial virgin? is there any documentation anywhere?
hours of frustration, and one p*ssed client waiting for me. Help?
This is the last line in the log:
<description>End package load [Microsoft.VisualStudio.Web.Project.WebProjectPackage, Microsoft.VisualStudio.Web.Project]</description>
<hr>80004005 - E_FAIL</hr>
<errorinfo>Could not load file or assembly 'file:///C:\Program Files (x86)\Microsoft Visual Studio 12.0\Common7\IDE\Extensions\Microsoft\Web Tools\Project\Microsoft.VisualStudio.Web.Project.dll' or one of its dependencies. The system cannot find the file specified.</errorinfo>
I stuck in the same problem. The following steps did not help:
(1) Uninstall Web Essentials
(2) Clear component cache as Jonathan recommended
(3) Repair VS 2013.4
(4) Reinstall Web Essentials
As Michael mentioned the following file is missing on my machine: C:\Program Files (x86)\Microsoft Visual Studio 12.0\Common7\IDE\Extensions\Microsoft\Web Tools\Project\Microsoft.VisualStudio.Web.Project.dll. Copying this file in doesn’t help.
Any further suggestions?
Deactivating Web Essentials solves the issue but WE is really ESSENTIAL!
I solved the Problem performing the following procedure:
(1) Uninstall Web Essentials
(2) Delete C:\Users\hs\AppData\Local\Microsoft\VisualStudio\12.0
(3) Delete C:\Users\hs\AppData\Roaming\Microsoft\VisualStudio\12.0
(4) Repair VS 2013.4
(5) Reinstall Web Essentials
to everyone still facing this problem, i solved it this way:
control panel -> Uninstall a program -> right click on your VS version and Alter.
Cick Modify on the VS that has just popped up and select 'Tools for web development' or something along those lines.
wait for everything to install and that should be it.
hope it helps someone!
Is there any way to change the file extension of Compile To Html from .html to .cshtml?
Then I could include it as a partial view. Working with HTML files within Razor syntax is not as straight forward as I would have hoped.
So I've got a bit of a doozy. I was editing and updating my scss project just fine. when suddenly my parent scss file stopped compiling. All the children elements compile individually just fine, but when I go to compile the css file I get the following error:
8/15/2014 9:27:12 AM: SCSS: Compiling bootstrap.scss
8/15/2014 9:27:14 AM: Something went wrong reaching: http://127.0.0.1:56538/?service=SCSS&sourceFileName=C:%5CProject%20Builds%5CCFIT_Styleguide%5CDev%5Cmain%5CMS.IT.UXDI%5CUX%20Styles%5Cbootstrap.scss&targetFileName=C:%5CProject%20Builds%5CCFIT_Styleguide%5CDev%5Cmain%5CMS.IT.UXDI%5CUX%20Styles%5Cbootstrap.css&mapFileName=C:%5CProject%20Builds%5CCFIT_Styleguide%5CDev%5Cmain%5CMS.IT.UXDI%5CUX%20Styles%5Cbootstrap.css.map&precision=5&outputStyle=expanded&sourceMapURL&
8/15/2014 9:27:18 AM: Something went wrong reaching: http://127.0.0.1:54932/?service=SCSS&sourceFileName=C:%5CProject%20Builds%5CCFIT_Styleguide%5CDev%5Cmain%5CMS.IT.UXDI%5CUX%20Styles%5Cbootstrap.scss&targetFileName=C:%5CProject%20Builds%5CCFIT_Styleguide%5CDev%5Cmain%5CMS.IT.UXDI%5CUX%20Styles%5Cbootstrap.css&mapFileName=C:%5CProject%20Builds%5CCFIT_Styleguide%5CDev%5Cmain%5CMS.IT.UXDI%5CUX%20Styles%5Cbootstrap.css.map&precision=5&outputStyle=expanded&sourceMapURL&
8/15/2014 9:27:18 AM: SCSS: bootstrap.scss compilation failed: The service failed to respond to this request
Possible cause: Syntax Error!
The same code compiles just fine on my coworker's machines. For some reason it claims it can't find/access the mapping file, so I'm not sure what's going on here. I've done everything from rolling back, to reinstalling Web Essentials (and updating to the nightly build).
Same problem here too. VS2013-update 3, Windows 7 64-bit, update to date...
8/20/2014 2:59:32 PM: SCSS: Compiling piledriver.scss
8/20/2014 2:59:34 PM: Something went wrong reaching: http://127.0.0.1:37570/?service=SCSS&sourceFileName=C:%5Cgit%5CShowOps-App%5COps.ShowOps.Web%5CContent%5Cpiledriver%5Cpiledriver.scss&targetFileName=C:%5Cgit%5CShowOps-App%5COps.ShowOps.Web%5CContent%5Cpiledriver%5Cpiledriver.css&mapFileName=C:%5Cgit%5CShowOps-App%5COps.ShowOps.Web%5CContent%5Cpiledriver%5Cpiledriver.css.map&precision=5&outputStyle=expanded&sourceMapURL&
8/20/2014 2:59:38 PM: Something went wrong reaching: http://127.0.0.1:54728/?service=SCSS&sourceFileName=C:%5Cgit%5CShowOps-App%5COps.ShowOps.Web%5CContent%5Cpiledriver%5Cpiledriver.scss&targetFileName=C:%5Cgit%5CShowOps-App%5COps.ShowOps.Web%5CContent%5Cpiledriver%5Cpiledriver.css&mapFileName=C:%5Cgit%5CShowOps-App%5COps.ShowOps.Web%5CContent%5Cpiledriver%5Cpiledriver.css.map&precision=5&outputStyle=expanded&sourceMapURL&
8/20/2014 2:59:38 PM: SCSS: piledriver.scss compilation failed: The service failed to respond to this request
Possible cause: Syntax Error!
I have no SCSS support, period. Won't compile on save (no css preview, either), no syntax highlighting.
I've been seeing crass messages from WE Update 2 for the last week or so, but my scss pages were compiling. Today I noticed I had nothing. I've tried updating to Update 3. I then tried uninstalling and reinstalling with VS close and restarts in-between, but to no avail.
I had this same problem and it turned out to be an actual syntax error. I had put an @include at the property level instead of the selector level, and the mixin already had a property in it.
You might try a process of elimination to see if something in your parent file is causing the issue. Remove everything but keep all the imports, then remove just the first half, then just the last half, and keep whittling down based on what compiles and what doesn't.
I have get error:
Compilation Error occurred (see error list to navigate to the error location):
When I created a .less file. I already installed WebEssentials2013.vsix version 2.5.3 updated on 27/11/2014.
Please help me.
Thanks RyanFisher1, setting Use Ruby Runtime to True under Tools > Options > Web Essentials > SASS was the answer. This is the only place on the entire internety superhighway of information that has the solution. Time to set gassy, er, I mean, get sassy.
re: ver 2.5.2: The switch to Ruby runtime for SASS compilation works for some but not all SASS files. Foundation SASS won't compile; it is mysteriously unhappy with some of the partials.
LESS appears completely busted.
I got the same "Compilation Error occurred" for less after update VS2013 update4 + webessential 2.5.2
I have tried:
1. uninstall web essential 2.5.2, re-install web essential 2.5 : web essential won't run
2. uninstall both and re-install web essential 2.5 : web essential disabled by vs
3. re-install both and do a repair as other suggested: same compile error on less
Finally I restore my machine to 10 days ago and re-install web essential 2.5 and it worked. what a waste of time...
Same problem here, fixed by uninstalling 2.5.2 and installing 2.5.0 from here: https://github.com/madskristensen/WebEssentials2013/releases/tag/v2.5 .
Also, I noticed below that people are also having problems with VS crashing on opening projects. And since the same has been happening to me on a project I'm working on, I tried to open the project while having WE uninstalled and voila, it does not crash anymore! So there is clearly a problem in WE that also needs to be fixed as this is very annoying.
My solution to that problem up till now was to open another project first, which does not crash VS and then open the one I want to work on over it, which then avoids crashing VS even when opening the problematic project. When chose to debug the crash previously it was saying that the problem occurred in mscorelib while running Newtonsoft JSON reader so I thought the problem was with that dll, but it seems it is really the work of WE.
Opening a solution I don't need first and only then the one I need to work on is very annoying, especially when combined with a fact that any edits to a class in App_Code make the solution not compile until after VS is restarted. That problem, too, may be caused by WE when I think about it now. I'm going to test that next.
Same issue here.
Thanks @tgadsden https://github.com/madskristensen/WebEssentials2013/issues/1665
I installed 2.5.3 and LESS is now compiling
If only there was a easier way to configure the Node LESS complier logs!