Question

Has anyone got the JavaScript preview pane visible and working in VS2013? I was using it to learn TypeScript in VS2012 but in VS2013 it's gone. I've installed release 2 RC and the latest typescript, but no luck. On a VS2012 machine the JS pane is not updating, whatever I do. All this from just updating TypeScript?

Was it helpful?

Solution

You're likely not using the right build of WebEssentials and Visual Studio combination. Confirm that you're using the build for VS 2013 RC2. The preview pane isn't controlled by anything in nuget. Also make sure that you've removed all old versions of Typescript plugins (from the control panel in Windows) as they aren't needed as of RC2.

As listed in the docs: http://vswebessentials.com/features/typescript

The preview pane has been restored. I use it, on multiple computers successfully.

OTHER TIPS

Beware of errors due to langue update: Preview pane was restored easily enough using the above instructions. But the huge time waster today was that the preview pane was not updating on save, on rebuild all or with any other attempt to refresh. Even the .JS code was not updating. The problem was there were new errors in the TS, because of the small changes in language support. They did not stop the build from going through successfully - no error messages popping up, successful build, etc. But when I manually viewed the error list, there they were - three errors that occurred in the TypeScript itself. As soon as I fixed these, the preview pane updated automatically again, and the JS refreshed automatically.

Until this latest edition, an error in TS would remove ALL the JS code in the preview pane, and a clear error messages was shown right there. In this latest edition, it's different: The preview does not do anything, no change at all, until the TS errors are fixed.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top