Skip to main content

All Questions

Tagged with
3 votes
2 answers
8k views

React/Node app deployed to heroku shows a blank screen

I am trying for the first time ever to deploy my app to Heroku. I am using create-react-app, redux, with node/mongodb on the backend. When I go to my app via heroku open I am greeted with a blank ...
12 votes
4 answers
26k views

Dev Server has been initialized using an options object that does not match the API schema. unknown property 'publicPath'

I am using webpack: 5.71.0 webpack-cli: 4.9.2 webpack-dev-server 4.8.1 in my webpack.config.js const path = require('path'); const webpack = require('webpack'); module.exports = { entry: './src/...
1 vote
0 answers
453 views

Module parse failed: Unexpected token (426:12) I am unable to use Redux Toolkit with React

I am working on a template by Metronic which has the react version ^17.0.2 package.json { "name": "demo1", "version": "8.0.38", "private": true, ...
10 votes
3 answers
13k views

Routing doesn't work in react when typing url in browser

I have the following routes in the below class: import { Router, Route } from 'react-router-dom'; class App extends React.Component { constructor(props) { super(props); } ...
1 vote
2 answers
7k views

Webpack: Files not showing in the browser DevTool

I am trying to setup a project using webpack/react/redux etc. I have setup the project but I can't see the project files in the dev-tools in my browser. I searched online and found that using debug :...
17 votes
4 answers
32k views

ReactJS APP in Heroku "Invalid Host header" HOST configuration?

I am trying to put my React app on the Heroku. The whole project include one API (express) and one client (ReactJS). I have put my API on heroku. But when I put my client on Heroku, it shows build ...
4 votes
2 answers
21k views

webpack-cli: Invalid options object. Dev Server has been initialized using an options object

I would like to start a redux project and the package.json is provided below: { "name": "redux-starter", "version": "1.0.0", "description": &...
0 votes
0 answers
124 views

Use redux dispatch from public folder in React

I am working on a code that uses scripts within the public folder to instantiate certain parts of my React app. I've setup a Redux store on the src folder to maintain a state that performs a certain ...
1 vote
0 answers
1k views

React micro-frontend with module federation and Redux

I'm currently developing a micro-frontend application using React, webpack and module federation. It consists of one container app, and two "children" / remotes. The container app consist of ...
0 votes
2 answers
1k views

How can i suppress logs from webpack when using react hot reloading?

I am using this react redux starter kit https://github.com/coryhouse/pluralsight-redux-starter and i am getting the following outputs in my console [HMR] connected I tried to toggle the following ...
3 votes
1 answer
592 views

React, Redux , Typescript and Sass bundled using Webpack and Vite

So I created two projects using React + Redux + SASS + Typescript with Vite and Webpack. I was amazed using Vite as the configuration part was pre handled as compared to Webpack. But again my project ...
0 votes
0 answers
811 views

Cannot read properties of undefined (reading 'createContext') while not using createContext

I'm very new to react and MERN stack at general. I have this error that initially was that react was duplicated so i followed some tutorials and got to "fixed"(just to have this error). ...
0 votes
0 answers
30 views

React and Webpack Issue

I have started to build a React App and implemented 3 pages which worked fine. After structuring the first page, my app crashed and I am not able to restart it since. I don´t know if it has something ...
1 vote
0 answers
233 views

Uncaught Error: Automatic publicPath is not supported in this browser at content.js:1:8557

i am new in react, after i run my application for testing the redux functionality, the chrome browser gives this error. content.js:1 Uncaught Error: Automatic publicPath is not supported in this ...
2 votes
0 answers
1k views

Webpack Uncaught Reference Error in the console of React Redux project

In my React Redux app, it just shows a white screen after running npm start. There is one error in the console- Uncaught ReferenceError: Cannot access '__WEBPACK_DEFAULT_EXPORT__' before ...

15 30 50 per page
1
2 3 4 5
16