rockiger

Change the CSS classes of your WordPress theme or your React app (CSS-modules, CSS-in-JS, etc.).

If you are using React-Router please go to your /wp-admin/options-permalink.php and click ‘Save Changes’. This will rewrite the permalink cache of your WP installation.

Does this solve your problem?

You need to change the build path of your app. In your package.json chage the ‘build’ command:

“build”: “PUBLIC_URL=/wp-content/reactpress/apps/[your-app-folder-name]/build react-scripts build”

Could you post some more details?

What is the URL to your background image, where is it located?

Yes it should work. Please go to your /wp-admin/options-permalink.php and click ‘Save Changes’. This will rewrite the permalink cache of your WP installation.

Does this solve your problem?

Did you install ReactPress on the live site?

The error message suggests that it isn’t installed.

@523teami The change in package.json looks good. This should work.

PS: Your link does not work.

The html code is perfectly fine. It provides the html for React to attach to.

It seems that your package.json couldn’t be edited by ReactPress.

The build-line should look like this:

"build": "PUBLIC_URL=/wp-content/reactpress/apps/APP-NAME/build react-scripts build",

Run the yarn build afterwards and you should see your app.

If you use with create-react-app, it will probably work (necolas.github.io/react-native-web/docs/installation/#create-react-app).
If you use it with expo, it probably won’t.

@bwjohns4 Didn’t you see my reply on Github?

You need to activate debugging in your wp-config.php:

define( 'WP_DEBUG', true );
define( 'WP_DEBUG_LOG', true );
define( 'SCRIPT_DEBUG', true );
define( 'SAVEQUERIES', true );

Then errors should be written to debug.log in your wp-content directory.

@hari2981 Thanks for the information. I wasn’t aware of the issues with hosts entries in docker.

Do you know any general solution with docker images that could be implemented in ReactPress/PHP?

• This reply was modified 2 years, 11 months ago by rockiger.

Your screenshot shows only the create-react-app dev server (localhost:3000). Not a wp installation, not local, not productive.

ReactPress simulates the theme of your wp installation for a better development experience when you use the cra dev server.

Ah, ok.

On localhost:3000 (the React dev server) you need to mock the user. The user is only available on a real WordPress installation.

I would suspect the server configuration. How do the links to the javascript files look in the page source?

How does your package.json look like?