Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[linux, dev] CSS included with "link"-tag do not work #2705

Closed
esotericman opened this issue Jun 6, 2023 · 4 comments · Fixed by #2721
Closed

[linux, dev] CSS included with "link"-tag do not work #2705

esotericman opened this issue Jun 6, 2023 · 4 comments · Fixed by #2721
Labels
Bug Something isn't working

Comments

@esotericman
Copy link

Description

follow guide

wails init -n wails-dev -t vue

and then run

wails dev

but application shows below
Screenshot from 2023-06-06 16-48-30
as you see,the text not align center,but in browser ,It's ok
Screenshot from 2023-06-06 16-51-52
and terminal print
Screenshot from 2023-06-06 16-49-00
while I use

wails build

and then use the binary file ,It's fine,Just dev mode It not work.
What's the matter? My OS is Ubuntu 22.04.2 LTS

To Reproduce

wails init -n wails-dev -t vue
wails dev

Expected behaviour

display same as browser

Screenshots

No response

Attempted Fixes

No response

System Details

Wails CLI v2.5.1

 SUCCESS  Done.                                                                                                                                                                                                    

# System

OS           | Ubuntu  
Version      | 22.04   
ID           | ubuntu  
Go Version   | go1.18.3
Platform     | linux   
Architecture | amd64   

# Wails

Version         | v2.5.1
Package Manager | apt   

# Dependencies

Dependency | Package Name          | Status    | Version                
*docker    | docker.io             | Installed | 24.0.2                 
gcc        | build-essential       | Installed | 12.9ubuntu3            
libgtk-3   | libgtk-3-dev          | Installed | 3.24.33-1ubuntu2       
libwebkit  | libwebkit2gtk-4.0-dev | Installed | 2.38.6-0ubuntu0.22.04.1
npm        | npm                   | Installed | 8.19.4                 
*nsis      | nsis                  | Installed | v3.08-2                
pkg-config | pkg-config            | Installed | 0.29.2                 
* - Optional Dependency

# Diagnosis

Your system is ready for Wails development!
 ♥   If Wails is useful to you or your company, please consider sponsoring the project:
https://github.com/sponsors/leaanthony

Additional context

No response

@esotericman esotericman added the Bug Something isn't working label Jun 6, 2023
@stffabi stffabi changed the title wails application ui display incorrect [linux, dev] CSS included with "link"-tag do not work Jun 10, 2023
@stffabi
Copy link
Collaborator

stffabi commented Jun 10, 2023

Thanks for reporting this and using Wails.

This is currently a known issue on Linux since we have consolidated the DevServer to use wails:https:// starting with 2.5.0. If you include the css with an import in main.js it will work or you can bump your WebKit2 dependency with the webkit2_36 build tag with wails dev -tags webkit2_36

import './style.css';

I think we are going to update all the templates to use an import.

@leaanthony
Copy link
Member

Please try the above PR to see if this fixes your problem. If you are unsure how to do this, please follow this guide. Let us know how you get on 👍

@esotericman
Copy link
Author

Yes,In My another computer with version v2.4.1,It's fine,I'll try it in my spare time.Thanks for reply

@esotericman
Copy link
Author

Yes,In My another computer with version v2.4.1,It's fine,I'll try it in my spare time.Thanks for reply

It works now,but terminal still print file not found.maybe mistake?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Bug Something isn't working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants