We are having a problem viewing our vue templates in Chrome dev tools. This is a recent issue, it's been working fine for a couple of years.
Our app is a legacy MVC app, with new development in vue, using web pack to compile the source code.
To compile for development, we run:
npx webpack --mode development --watch
In the webapck.config we have devtool: "inline-source-map" set.
However, in the last couple of weeks, the components now look like this:
I don't know if a package has been updated or it's a Chrome thing. I can see Chrome is mapping it to a source file, but I don't really know what I'm looking at - maybe some kind of pointer file. I'm not really a UI guy, so I find it frustrating when stuff that used to work, no longer does!
Related
I'm developing a framework for developing A/B Tests using webpack.
I want to run "watch files" or webpack dev server to launch the website I'm doing A/B testing for and inject my script and CSS and auto-update them as I'm coding in the IDE.
I think that can be done with the help of a chrome extension, but the exact way is what I need.
any help?
I am making my first steps coding. And since a time ago I started experimenting with Three.js.
I changed the settings of Chrome and Safari to use local files, but some months later my safari and chrome are dead, and it stops showing the local files even if I change the settings to allow local files.
It seems that it brokes if I use it a lot. Why it happens? Is there a solution to avoid this problem?
I tryed to look for this problem in Google but I can't find anything. I am using the last versions of safari, chrome and three.js and even like this Safari and Chrome still broken.
Is not a problem of my graphic card because I can see all kind of experiments in the web. Is a problem of my local files.
For example I can see this perfectly on my browsers: http://threejs.org/examples/#webgl_geometry_text
But if I download three.js and I open it from my desktop my browsers doesn't display it.
Use a webserver. It's super simple and easy. The easiest is python which is built into OSX (you mentioned safari so I'm assuming you're on OSX)
Open a terminal, cd to the folder your files are in, type
python -m SimpleHTTPServer
Now go to http://localhost:8000
The only issue with python's simple webserver is it's really slow. For 2 faster alternatives there's devd which once you've downloaded it you just type
cd path/to/your/files
path/to/devd .
devd even includes a live-reload feature so when you edit your files the browser auto-reload
Another alternative is node.js. Install it then in a terminal type
sudo npm install -g http-server
from that point on you can go to any folder and type
http-server
then in the browser go to http://localhost:8080.
Both devd and node.js are fast
Going the node.js route you can then learn about things like webpack and npm and/or bower which make it super easy to include libraries and use advanced features and advance your skills
I use Visual Studio 2015 Community with ASP.NET Core RC2. I have all the required tools installed and everything is working fine with one exception.
When I create a new ASP.NET Core Web Application or load a saved ASP.NET Core Web Application the View in Browser functionality of Browser Link loads a wrong address in the Web Browser.
If I type the correct address in the browser, the Browser Link Dashboard is updated and the application is listed as Unknown.
After a lot of reverse engineering and tinkering i found that the problem is linked to the Node.js module gulp in the node_modules folder of the project.
If I delete the gulp folder before loading the project Browser Link works just fine. It is still working after the gulp module is downloaded by the IDE back in the node_modules folder. If I reload the solution without deleting gulp, Browser Link doesn't work anymore.
Does anybody have a solution?
I've been working with libgdx for 2 days, and I'm starting to get the hang of it.
I'm comfortable with deployment on Android and desktop, but I've got no clue about how to run/debug or deploy the HTML5 version.
When I run as web application, the link gives me an http error 404.
I did what they say on the libgdx wiki, but that ain't working, so, help would be welcome.
BTW, the app's working fine on Android and desktop.
This worked for me:
In Eclipse -- right click on the *-html project. Select "Google" -> "GWT Compile". This will perform a GWT compile on the project, it can take a while so be patient. Once this is completed, I was able to copy the expanded war directory into my tomcat webapps directory. Tomcat was already running, it picked up the change and deployed the game, I was able to load it via localhost:8080/war/ I later renamed the directory (the one in the webapps folder) to something more appropriate for my project.
Good luck.
I ran into this problem for over an hour before realizing that when I selected "run as web application" and eclipse asked me to point to the war directory, I was silly enough to have been selecting the root directory of the project.
Once I went back and pointed to the actual war folder, it ran without issue. Silly I know, but might not be a bad idea to check, esp if anyone is setting this up at 1 am like I am lol.
According to the current date (December 2014), Libgdx now uses gradle and deploying using the mikeys's answer might not work for you. Follow the following guide for the best solution for this problem:
https://github.com/libgdx/libgdx/wiki/Gradle-on-the-Commandline
It's a bit difficult to deploy the app correctly. In the wiki of Libgdx (in google code) you can find in one of the first entries how to deploy and debug the app. The easiest way is to install and configure a Tomcat server, do the steps of the wiki and that's all. If you don't want deploy the app, only test it, you can do it directly from eclipse with the embedded server jetty included on the GWT Sdk. Hope this helps you.
I want to start doing web development with Eclipse. Not Java, tomcat, axis2, or anything else anymore complicated than basic XHTML / JS / CSS development, at this time.
Problem 1: I realize that it can edit those files, but its trying to manage my HTML docs as part of "my workspace", and all I want it to do is manage the files as part of my local www server HTdocs directory.
Problem 2: I would like to edit WYSIWYG-style, if possible. I tried installing a plug-in for that, but I wasn't able to get w4 toolkit to function properly. This would really help me to speed up development, I think.
Follow-up:
I've installed WTP and its dependencies (except for the tests portion, which had install problems due to dependencies that were seemingly irreconcilable).
You can link a folder in your workspace to somewhere on your filesystem. So in your case you could create a folder in your Eclipse project called "html" and link it to your Apache htdocs folder.
You should try Aptana Studio. It's available either as a stand-alone install (based on Eclipse) or as an Eclipse plugin. It has a good reputation for Web App dev.
Why not start with a web design software? Once you have the web pages laid out the way you want them, you can add them to your web application in eclipse. Eclipse is great for application development. Even though it can handle some page builder needs, it's probably not as good as a web design tool. In your case, you end up having to install plug-ins for page building.
Eclipse is software for coding, it's not designed for WYSIWYG editing. If you want WYSIWYG, you should use Dreamweaver or suchlike.
If you want to use Eclipse for what is good for, coding, the main alternatives are Web Tools Platform which is quite basic and could be already pre-installed depending on what version of Eclipse you got, and Aptana Studio. which is quite bloated.