question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[BUG] Vaadin 14.5.1 pnpm enabled does not build correctly

See original GitHub issue

Describe the bug Running vaadin 14.5.1 with pnpm enabled makes styles and components disappear.

To Reproduce Steps to reproduce the behavior:

  1. Download app with vaadin 14.5.1 from vaadin starter
  2. Add vaadin.pnpm.enable = true to application.properties
  3. Delete package.json and package.json.lock
  4. Run application
  5. Open http://localhost:8080 in browser

Expected behavior Application looks as run with vaadin.pnpm.enable = false.

Screenshots

Not working (pnpm.enable = true) not-working

Working (pnpm.enable = false) working

Desktop (please complete the following information):

  • OS: Linux
  • Browser: Firefox, Chrome
  • Version: latest
  • Vaadin platform version: 14.5.1

Additional context Same happened with vaadin gradle plugin.

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:2
  • Comments:8 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
sascha-frinkencommented, Apr 10, 2021

Looks like it doesn’t reproduce. Just add a line with sed -i "s/\"14\.5\.1\"/\"14\.5\.2\"/g" base-starter-spring-gradle/build.gradle after the git clone… in above script.

Now:
image

Before:
image

Thank you.

1reaction
sascha-frinkencommented, Apr 8, 2021

OK below is my reproducer.

  1. Run the script below. This will start a docker container with the gradle spring boot sample run via ./gradlew bootRun
  2. wait until you see Completed initialization… in the docker logs.
  3. Open http://localhost:8080 in your browser

It doesn’t look too weird but notification is not working.

To see a working version, delete the ./base-starter-spring-gradle (might require sudo…), and change the line with echo 'vaadin.pnpm.enable = true' >> … to echo 'vaadin.pnpm.enable = false' >> ….

#!/bin/sh

git clone https://github.com/vaadin/base-starter-spring-gradle

echo 'vaadin.pnpm.enable = true' >> ./base-starter-spring-gradle/src/main/resources/application.properties

cat > ./base-starter-spring-gradle/docker-run.sh<< EOF
#!/bin/sh

cd /var/app
./gradlew bootRun
EOF

chmod 755 ./base-starter-spring-gradle/docker-run.sh

docker run -d --name vaadin-bug  --rm  -v  `pwd`/base-starter-spring-gradle:/var/app -p 8080:8080 --entrypoint /var/app/docker-run.sh adoptopenjdk:11-hotspot

docker logs -f  vaadin-bug
Read more comments on GitHub >

github_iconTop Results From Across the Web

Vaadin 14 - Troubleshooting - Martin Vysny
When using pnpm, performing the Vaadin Dance may not be enough. The thing with pnpm is that it manages a cache of downloaded...
Read more >
npm/pnpm | Configuration | Flow | Vaadin 14 Docs
pnpm reduces the download time across multiple projects by caching the downloaded packages. While npm is the recommended and default package ...
Read more >
Can't switch to pnpm for Vaadin15 | Vaadin
Set property pnpmEnable to the vaadin-maven-plugin . Try to run mvn -Pproduction clean package. First stage (install) working fine with pnpm ...
Read more >
npm/pnpm | Configuration | Vaadin Docs
Configuring the front-end package manager. ... npm is the recommended and default package manager for Vaadin projects. Install a Custom Package.
Read more >
What's new in Vaadin 14? | Vaadin
This means that server startup is no longer blocked by the frontend ... Faster build: pnpm only downloads packages once and reuses them...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found