I am using Visual Studio Community 2015 to build HTML-Pages as I like the editor. Today I am working on a page which generates its content with AngularJS and is being formatted by Fullpage.js
Now I am trying to debug my page. When I am launching it with F5 on Visual Studio, Angular works as it should and creates all data I want it to create, but fullpage.js does not work (no console errors, just not doing anything at all).
If I am opening the html file manually in my browser, the exact opposite happens: Angular does not work (I tracked it down to the part of my code where I fill my $scope via $http.get() to a local json file), but fullpage.js seems to work fine, just without content.
I imported fullpage, angular and jquery through the nuget packet manager, might that be the issue or am I missing something?
Have you tried to deploy your code to a different server instead of opening it up in your browser? This sounds like a CORS problem.
Related
I am working on a Winforms project in .Net-7.0 and using WebView2 to display an HTML page available online.
The app works fine in the local system so I know there is no coding related problem but once installed on a VM, WebView2 does not show the HTML page.
I have opened the HTML page in the VM browser and it opens fine so the site is not blocked either in some way.
Any other things that I should check for?
(Skipping the code because it does not look like a code related problem to me.)
I've got a really weird bug in a create-react-app application. Onsenui is used as a css framework. But when I try to run the app, either in production or on localhost on a chromium based browser, the framework doesn't get loaded. Both css and js aren't loaded. (Only the OnsenUI ones, other css and js is loaded correclty) I then have to refresh the page multiple times to make it work. It loads correctly on Firefox and Safari.
The problem persists on both my MacBook and my Windows PC. I'm not the original creator of the repo and it's already a few years old. I have however updated onsenui, react-onsenui, react to the newest version.
Unfortunately, I can't share the link to the page.
So, in the end, it's been all because of a pop-up blocking extension I had installed. I can't believe I haven't thought of it and I've been refreshing the page multiple times/had to use other browsers just because of this.
So if anyone ever sees this is the future with a similar problem, double check all your active extensions.
I have an application that I build using VB.NET and angularJS in DNN with the Christoc.Module module. There seems to be 2 issues. When I build my project and refresh the page on my site, I will receive an error 500. The same result happens on the site unexpectedly after being idle for about 30 minutes. I have tried to change settings on the website web.config to see if it was a session expiry timeout, but that doesn't seem to be the case since all pages that where access before the error are fine, and can access server functions.
I was wondering if anyone has ever seen something similar.
I use ng-include to show the current "active page". I have tried using the AngularJS $route and the same behaviour occured.
<div class="animate-repeat" ng-repeat="path in PathLinks| filter:{'path_name':variable}:true" ng-include="'/DesktopModules/module/path/' + path.path_name + '.aspx></div>
CLick here for image of the issue
I ended up simply recreating the whole module with a newer version of the visual Studio DotNetNuke Compiled Module. The original module was created using an older version of that extension. This seemed to have completely fixed the issue for me.
Its been about a month since I started using AngularJS. I used to write my codes in SublimeText2 but i wanted to use WebStorm since it claimed to be more AngularJS friendly. I wrote a simple Hello World app and tried to run it but i couldn't get any hint of how to do it. I also don't have any knowledge about Node.js.Do i need Node.js to run app on WebStorm? Is Node.js a server? I tried going through tutorials on WebStorm page and also read few articles on Node.js but couldn't understand it. Can anyone explain it in a simple and understandable way?
You can open your HTML+JS application in the selected browser in WebStorm by clicking on the browser icon on the top right corner of the editor tab with index.html file opened (or any other html file you'd like to open in browser).
The same action could be done from the file context menu: Open in - Browser.
WebStorm will automatically start built-in web server for your convenience.
Note that you still can go to your project folder and execute your particular HTML file from there, the same way you would do it with the text editor.
Read more on working with AngularJS in WebStorm in this blog post.
If you have back-end in Node.js for your app, then you, of course, need Node.js installed. To run your node web app you need to create Node.js run configuration. More on it here.
I recently started to learn about AngularJS and came across WebStorm and the AngularJS plugin by John Lindquist. Started by creating a new project using the angular-seed project and imported to WebStorm using File -> Open Directory. My directory structure looks like this
Now when I try to Debug it I get a 404 error. If I move the file app/index.html to the root folder and adjust all URL's to begin with app then it works fine. Is there a way to keep the default folder structure without moving the index.html to the root folder and also make it work with WebStorm?
I am using WebStorm 6.0.2.
I use WebStorm 7, so there might be some discrepancy in comparison with version 6 that you're using, but the over-all functionality is the same.
Quick solution:
Open the file in the editor and right click in the code to access the context menu. Choose the "Debug" option, which should start a debug session pointing to the current page.
Configuration solution:
WebStorm supports configurations for setting up different debugging scenarios. From the "Run" menu, choose the "Configurations" option. Add a JavaScript debug configuration, and add the URL you want in the designated field within the dialog presented.
Then, when you initialize a debugging session (a general one, not one for a specific page), you're presented a small dialog that allows you to choose a debug configuration.
Maybe there are more options or ways to accomplish the same thing as well, but I've never really given it more thought. I hope this is a working solution for you, but if not there's alway the documentation. If you need further clarification with regard to my answer, just give me a comment.