user1608
(Факторинг Плюс)
December 18, 2019, 7:28am
1
Hi every one.
I have standart folder structure for css and images files like this:
webapp->frontend->styles
->images
But when i run run app in production mode.
Images work fine, but css not working.
<link rel="stylesheet" type="text/css" href="http://localhost:8080/odin/frontend-es6/styles/BaseDialogWindow.css">
<img src="frontend/src/icons/avatars/helloween8.png">
If add the css files manually to the TomCat folder /frontend-es6/styles,
everything starts to work.
In project import css like this:
@StyleSheet("styles/BaseDialogWindow.css")
public class BaseDialogWindow extends BaseWindow {
......
Rob103
(Rob Collins)
January 8, 2020, 3:52pm
3
I am seeing similar behavior. Some of my style sheet URLs have “frontend-es6” (which doesn’t exist and results in 404 error) and some URLs have “frontend” and work just fine.
I am using the latest (14.1.3) version.
My production mode profile uses:
<plugin>
<groupId>com.vaadin</groupId>
<artifactId>vaadin-maven-plugin</artifactId>
<executions>
<execution>
<goals>
<goal>prepare-frontend</goal>
<goal>build-frontend</goal>
</goals>
</execution>
</executions>
</plugin>
What causes a page to sometimes use “-es6” in the URL and sometimes not use it? Why don’t I have the frontend-es6 directory in my war?
Thanks!
Maksim
(Maksim Ustinov)
March 24, 2020, 5:34pm
6
I think this is a bug that we don’t have ES6 by default. When I’m building for production, I see ES5 files, but not ES6.
I have posted my maven logs in this thread: https://vaadin.com/docs/v10/flow/production/tutorial-production-mode-basic.html