typo3-headless / pwa-demo Goto Github PK

first thanks a lot for the great job. I'm having some problem with the pwa-demo installation. The Front end can not be created.

Local env.
Mac Os Catalina 10.15.7
DDEV 1.16.6

Error reproduction steps:

1. Clone current master branch
2. Switch to app directory
3. run ddev start

Error:

=== Running task: Exec command 'ddev setup-pwa-front first-time' on the host (digitalnb031), output below 
Frontend setup:
Creating frontend app: 

/Users/user/Sites/pwa-demo/.ddev/commands/host/front: line 19: npm: command not found
Failed to run front first-time; error=exit status 127
task failed: Exec command 'ddev setup-pwa-front first-time' on the host (digitalnb031): exit status 1 
A task failure does not mean that ddev failed, but your hook configuration has a command that failed. 
=== Running task: Exec command 'ddev pwa-front rebuild' on the host (digitalnb031), output below 
yarn run v1.22.10
error Couldn't find a package.json file in "/var/www/html/front"
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
Failed to run container-front rebuild: exit status 1
task failed: Exec command 'ddev pwa-front rebuild' on the host (digitalnb031): exit status 1 
A task failure does not mean that ddev failed, but your hook configuration has a command that failed. 
=== Running task: Exec command 'ddev setup-pwa-front post-start-info' on the host (digitalnb031), output below 
Frontend has been rebuilt.

Use ddev pwa-front start to start frontend service and get server output in this console.
Successfully started pwa-demo 
Project can be reached at https://pwa-demo.ddev.site https://api.pwa-demo.ddev.site https://127.0.0.1:55240 

Add readme how to develop nuxt-typo3 sources based on API created by this ddev repository.

After upgrading ddev to 1.15.0 we can't properly override nginx configuration. Find a way to override global configuration.

Hi i am trying to play around with headless typo3 and found this nice repo to start with. Unfortunately neither the frontend nor the backend runs.

Hi ,

I am trying to configure pwa-demo in WSL 2
Here are the specifications of the environment ,

When I try ddev start I am facing the below error.

Hello, are you planning to release some version with updated version of vue? I mean vue3 instead vue2?

In order to play around with nuxt-typo3 you provide an installation guide here, which I followed:
https://github.com/TYPO3-Initiatives/pwa-demo#nuxt-typo3-development-together-with-typo3-pwa-demo-api

The resulting folder structure looks like this:

As you can see, there are console errors that say:
Parsing error: No Babel config file detected for /.../typo3-headless-nuxt-pwa/nuxt-typo3/babel.config.js. Either disable config file checking with requireConfigFile: false, or configure Babel so that it can find the config files.

starting with the babel file itself. I wonder why I get these errors? It obviously means that you have something installed that I don't. If that is the case, this has to be figured out and mentioned in the documentation.

I kindly ask you to respond sooner this time, not only months later and only because there is a code sprint coming up in 2 days – thank you!

Prepare nuxt-typo3 demo connected with https://api.t3pwa.com/

Since I am preparing a PR for the Docu, I'd like to ask you about a topic that does not work in my case. Personally, I do not need it, but for the sake of the docu I kindly ask for feedback. Thank you!

I want to add the typo3-nuxt package to my pwa-demo setup. To do so i follow this documentation:

https://github.com/rowild/pwa-demo#development

However, when I start the pwa frontend with ddev pwa-front start again (after stopping), I get Error: Cannot find module 'nuxt-typo3'
I am pretty sure that I sym-linked the folder properly. But I am not sure if the folder structure is the way it is supposed to be. Therefore I added some screenshots.

What I am doing wrong here?

On Slack, somebody mentioned that the folder structure might have changed between TYPO3 9 and 10. If that is so, then the docu should reflect that. Or the issue should be fixed, in case it is one.

Sym-linking:

Error message:

Folder structure:

We have discussed with @rogoit and concluded that it's worth implementing E2E tests. We've decided to house the tests in this repository. This decision was based on having the most up-to-date backend/frontend versions and a consistent database, which is essential for conducting E2E tests.

Here are the simplest test cases we can start with:

Core

• Does the page return 202 code?
• Does the non-existing page return 404 code?
• Does the navigation return the correct links (which were added in backend)?
• Has the language changed after navigating to the localized page?
• • Is the navigation translated?
• • Is the page content translated?
• Does the redirection work?
• Is the new frontend layout applied?
• Is the new backend layout applied?
• • Is the content element displayed in the right column position?
• Does the frontend render the correct component types?

Content Elements

Shared properties

Given our common approach to handling shared component properties, such as header and headerLayout, we can establish a foundational test for multiple components. This base test can then be used across various test cases.

• Does the component display the correct header message
• Does the component display the correct header level
• Does the component display the correct header link
• Does the component display the correct sub header

Specific Content Elements

Initially, I'd suggest focusing on the basics, like:

• Text
• Textpic
• Textmedia

The next step will be implementing E2E testing on Github actions.

@rogoit, if there are any critical tests you'd like to add, please do so.

e.g. ddev start front

And update docs

Because DDEV is mainly used for development purposes, in my opinion TYPO3 should run in development environment by default.

I tried to change the nginx_typo3.conf but it seems to have no effect here:

    location ~ \.php$ {
        # [...]
        fastcgi_param TYPO3_CONTEXT Development;
    }

new version of create-nuxt-app add typescript support - in the recommended json file is missing answer for language prompt.

Following the installation steps from the docs, ddev start fails with the following error:

yarn run v1.22.19
$ nuxt build
ℹ Using default Tailwind CSS file from runtime/tailwind.css                                                                           nuxt:tailwindcss 13:51:54

 ERROR  Cannot destructure property 'nuxt' of 'this' as it is undefined.                                                                               13:51:54

  at postcss8Module (node_modules/@nuxt/postcss8/dist/index.js:15:10)
  at installModule (node_modules/@nuxt/kit/dist/index.mjs:416:9)
  at async setup (node_modules/@nuxtjs/tailwindcss/dist/module.mjs:186:7)
  at async ModuleContainer.normalizedModule (node_modules/@nuxt/kit/dist/index.mjs:167:5)
  at async ModuleContainer.addModule (node_modules/@nuxt/core/dist/core.js:239:20)

It is probably related to new nuxt/kit versions, see nuxt/nuxt#10840

Hi there,
just tried to get this running, Bac kend works well, but I can't get the frontend running:

Error: unknown command "setup-pwa-front" for "ddev"
Run 'ddev --help' for usage.
Task failed: Exec command 'ddev setup-pwa-front first-time' on the host (Taunusweb-22): exit status 255
A task failure does not mean that ddev failed, but your hook configuration has a command that failed.
command 'container-front' contains CRLF, please convert to Linux-style linefeeds with dos2unix or another tool, skipping /home/taunusweb/pwa-demo/.ddev/commands/web/container-front
command 'front' contains CRLF, please convert to Linux-style linefeeds with dos2unix or another tool, skipping /home/taunusweb/pwa-demo/.ddev/commands/web/front
Error: unknown command "pwa-front" for "ddev"
Run 'ddev --help' for usage.
Task failed: Exec command 'ddev pwa-front rebuild' on the host (Taunusweb-22): exit status 255
A task failure does not mean that ddev failed, but your hook configuration has a command that failed.
command 'container-front' contains CRLF, please convert to Linux-style linefeeds with dos2unix or another tool, skipping /home/taunusweb/pwa-demo/.ddev/commands/web/container-front
command 'front' contains CRLF, please convert to Linux-style linefeeds with dos2unix or another tool, skipping /home/taunusweb/pwa-demo/.ddev/commands/web/front
Error: unknown command "setup-pwa-front" for "ddev"
Run 'ddev --help' for usage.
Task failed: Exec command 'ddev setup-pwa-front post-start-info' on the host (Taunusweb-22): exit status 255
A task failure does not mean that ddev failed, but your hook configuration has a command that failed.

Do you have any hints?