I created a simple app with Dart 1.3.3 using the polymer option. The index.html is shown below
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sample app</title>
<link rel="stylesheet" href="zones.css">
<!-- import the click-counter -->
<link rel="import" href="clickcounter.html">
<script type="application/dart">export 'package:polymer/init.dart';</script>
<script src="packages/browser/dart.js"></script>
</head>
<body>
<h1>Zones</h1>
<p>Hello world from Dart!</p>
<div id="sample_container_id">
<click-counter count="5"></click-counter>
</div>
</body>
</html>
This file runs without any issue.
BUT then, after a while I start getting a cosole message that the startup as change and the following file should be used
... <link rel="import" href="packages/polymer/polymer.html">
and that I should use the following
<script src="packages/browser/dart.js"></script>
<script type="application/dart;component=1" src="index.dart"></script>
etc, etc.
Should not the new generated application by Dart 1.3.3 create the file formatted in the new format?
Thanks
What Polymer version are you using?
DartEditor 1.3.3 came out a while ago I think.
When there was a newer Polymer release published after DartEditor 1.3.3 was released it probably doesn't create the new application with the new requirements.
The messages indicate that you are using a Polymer 0.10.0-dev.x version which only a pre-release.
Related
I am trying to create a script for Jmeter to login a webpage, the thing is that URL redirects me to a Microsoft Login (https://login.microsoftonline.com/********/oauth2/v2.0/authorize?client_id=******&scope=openid%20profile%20offline_access&redirect_uri=***........) the response for that on the browser is
<!-- Copyright (C) Microsoft Corporation. All rights reserved. -->
<!DOCTYPE html>
<html dir="ltr" class="" lang="en">
<head>
<title>Sign in to your account</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=yes">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="-1">
But when I try to do that call on Jmeter this is the response
<!-- Copyright (C) Microsoft Corporation. All rights reserved. -->
<!DOCTYPE html>
<html>
<head>
<title>Redirecting</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=yes">
<meta http-equiv="Pragma" content="no-cache">
and I dont get all the necessary tokens for the following calls.
1 - URL Webpage
2 - URL https://login.microsoftonline.com/common/discovery/instance?api-
version=1.1&authorization_endpoint=https://login.microsoftonline.com/7--*-
-********/oauth2/v2.0/authorize
3 - URL https://login.microsoftonline.com/7*******-****-****-****-************/v2.0/.well-
known/openid-configuration
4 - https://login.microsoftonline.com/7*******-****-****-****-
*/oauth2/v2.0/authorizeclient_id=&scope=openid%20profile%20offline_access
&redirect_uri=........
enter image description here
i have created a asp .net core web application using available template,i made changes to bootstrap in wwwroot and deployed to azure. the changes which i made are working fine locally but it is not reflecting in azure though i can see in the output window the bootstrap is updated while publishing . here is my reference to bootstrap file.
<environment names="Development">
<link rel="stylesheet" href="../lib/bootstrap/dist/css/bootstrap.css" />
<link rel="stylesheet" href="../css/site.css" />
</environment>
<environment names="Staging,Production">
<link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.7/css/bootstrap.min.css"
asp-fallback-href="../lib/bootstrap/dist/css/bootstrap.min.css"
asp-fallback-test-class="sr-only" asp-fallback-test-property="position" asp-fallback-test-value="absolute" />
<link rel="stylesheet" href="../css/site.min.css" asp-append-version="true" />
<link rel="stylesheet" href="../css/Map.css" asp-append-version="true" />
</environment>
<environment names="Development">
<script src="../lib/jquery/dist/jquery.js"></script>
<script src="../lib/bootstrap/dist/js/bootstrap.js"></script>
<script src="../js/site.js" asp-append-version="true"></script>
</environment>
<environment names="Staging,Production">
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-2.2.0.min.js"
asp-fallback-src="../lib/jquery/dist/jquery.min.js"
asp-fallback-test="window.jQuery"
crossorigin="anonymous"
integrity="sha384-K+ctZQ+LL8q6tP7I94W+qzQsfRV2a+AfHIi9k8z8l9ggpc8X+Ytst4yBo/hH+8Fk">
</script>
<script src="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.7/bootstrap.min.js"
asp-fallback-src="../lib/bootstrap/dist/js/bootstrap.min.js"
asp-fallback-test="window.jQuery && window.jQuery.fn && window.jQuery.fn.modal"
crossorigin="anonymous"
integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa">
</script>
<script src="../js/site.min.js" asp-append-version="true"></script>
</environment>
#RenderSection("Scripts", required: false)
I'm new in Grails and Vaadin. I'd like to use Vaadin in my Grails application. After installing vaadin plugin, when I try start my application I receive this communicat:
Failed to load the bootstrap javascript: ./../../VAADIN/ vaadinBootstrap.js
I use GGTS-3.6.0.RELEASE, vmware vfabric tc server developer edition v2.9 and Grails-2.4.2. I tried change in /MyApp/target/work/resources/web.xml to:
<session-config>
<tracking-mode>COOKIE</tracking-mode>
</session-config>
My layout template:
bootstrap-main.gsp
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title><g:layoutTitle default="Grails"/></title>
<link rel="stylesheet" href="${resource(dir: 'css', file: 'bootstrap.css')}" type="text/css">
<link rel="stylesheet" href="${resource(dir: 'css', file: 'bootstrap-responsive.css')}" type="text/css">
<link rel="stylesheet" href="${resource(dir: 'css', file: 'bootstrap.min.css')}" type="text/css">
<link rel="stylesheet" href="${resource(dir: 'css', file: 'bootstrap-responsive.min.css')}" type="text/css">
<link rel="shortcut icon" type="image/vnd.microsoft.icon"
href="/VAADIN/themes/reindeer/favicon.ico" />
<link rel="icon" type="image/vnd.microsoft.icon"
href="/VAADIN/themes/reindeer/favicon.ico" />
<script type="text/javascript" src="/VAADIN/vaadinBootstrap.js"></script>
<r:external uri="/js/jquery.js"/>
<r:external uri="/js/bootstrap.min.js"/>
<r:external uri="/js/bootstrap.js"/>
<g:layoutHead/>
<r:layoutResources />
</head>
<body>
<g:layoutBody/>
<g:javascript library="application"/>
<r:layoutResources />
</body>
</html>
Unfortunately probably server all the time override my changes. Could you help me?
I don't know what can be helpful else..
A little late, but I have had the same issue few days ago. In my case, exactly same message is shown in Vaadin 7 (with a pure Java application). At the end, it was an issue with permissions of tomcat. If I execute tomcat as root, it works perfectly. If it is executed with user tomcat the message Failed to load the bootstrap javascript: ./VAADIN/ vaadinBootstrap.js is shown again. Of course, we do not want to execute tomcat as root, but it points clearly to the issue.
I know that is maybe not related to the use of Grails as the asker is using, but maybe it is also a permission issue.
If you need to modify your web.xml and have your changes kept between restarts then use the Grails command install-templates to install the templates, which includes the web.xml. You can read more about it in the documentation.
This file will be located under src/templates/war
I am following the tutorial by Michael Hartl. in chapter 7 I was able to deploy to Heroku but. The Heroku version is functioning properly but it seems like some stylesheet info is missing.
Let me rephrase my question: When viewed on Heroku the website is not formatted correctly as if css is disabled.
in Heroku:
==========
<!DOCTYPE html>
<html>
<head>
<title> Ruby on Rails Tutorial Sample App</title>
<link href="/assets/application-7270767b2a9e9fff880aa5de378ca791.css" media="all" rel="stylesheet" type="text/css" />
<script src="/assets/application-3428e82709d7645135002c8fadfafdc6.js" type="text/javascript"></script>
<meta content="authenticity_token" name="csrf-param" />
<meta content="L4TMpZr2j2TAf1jrSThKE48aaP1P+NuVfwSXEVLheEE=" name="csrf-token" />
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
On the local server:
====================
<!DOCTYPE html>
<html>
<head>
<title> Ruby on Rails Tutorial Sample App</title>
<link href="/assets/application.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/custom.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/static_pages.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/users.css?body=1" media="all" rel="stylesheet" type="text/css" />
<script src="/assets/jquery.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script>
<script src="/assets/static_pages.js?body=1" type="text/javascript"></script>
<script src="/assets/users.js?body=1" type="text/javascript"></script>
<script src="/assets/application.js?body=1" type="text/javascript"></script>
<meta content="authenticity_token" name="csrf-param" />
<meta content="pF9wfBsOh4j+WMjnd/sbfq+sIPxNBhiNI6lYXUycMjo=" name="csrf-token" />
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
In production, all you css is compressed, its Fingerprinting :
<link href="/assets/application-7270767b2a9e9fff880aa5de378ca791.css" media="all" rel="stylesheet" type="text/css" />
Fingerprinting is a technique that makes the name of a file dependent on the contents of the file. When the file contents change, the filename is also changed. For content that is static or infrequently changed, this provides an easy way to tell whether two versions of a file are identical, even across different servers or deployment dates.
Fingerprinting is enabled by default for production and disabled for all other environments
Read more about Fingerpriting
I looked up another thread and the entry below in production.rb (set to true instead of default false) fixed the issue for me.
config.serve_static_assets = true
(See also CSS not loading in Heroku)
I'm using the extjs plugin and I have the following line in my gsp file
<link rel="stylesheet" href="${resource(dir:'ext/resources/css', file: 'xtheme-gray.css')}" />
when I run the app using grails run-app I can see that this CSS is being used. When I package it as a war and deploy it as an application, I'm seeing an 404 error saying "css is not found'
My version of grails is 2.1.1
Here is the generated HTML
<head>
<title>Sentry Information Report Login</title>
<link rel="stylesheet" href="/sentry-web-1.0-SNAPSHOT/static/ext/resources/css/ext-all.css" />
<script type="text/javascript" src="/sentry-web-1.0-SNAPSHOT/static/ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="/sentry-web-1.0-SNAPSHOT/static/ext/ext-all.js"></script>
<meta name="layout" content="ext"/>
<link rel="stylesheet" href="/sentry-web-1.0-SNAPSHOT/static/ext/resources/css/xtheme-gray.css" />
</head>
I was able to reproduce your error here. What I did to solve:
Updated resources plugin in BuildConfig.groovy
runtime ":resources:1.2.RC2"
And in the resource method, defined to look into the plugin for the resource:
<link rel="stylesheet" href="${resource(dir:'ext/resources/css', file: 'xtheme-gray.css', plugin: 'extjs')}" />
Here is how I got it to work
<link rel="stylesheet" href="${resource(dir:'static/ext/resources/css', file: 'xtheme-gray.css') }" />
I will test it on Tomcat also. I havee to download it