Hello MacKentoch,

First of all thanks for previous help.

I am facing an issue 404 Not found an error when refreshing a page on production mode.

For example: If you open this URL https://mackentoch.github.io/general/breadcrumb directly through a browser you have got 404 error. Or if you open this page through the menu and refresh the page you have got the same error.

I have also use createHashHistory. This is working fine but its added # with the URL.

Please help me to resolve this issue.
Thanks

the demo throws an error in the console and show up a blank page.

Uncaught Error: Cannot find module "redux-devtools"
at app.vendor.bundle.js:1
at Object.0 (app.vendor.bundle.js:1)
at e (app.vendor.bundle.js:1)
at t.0 (app.vendor.bundle.js:1)
at app.vendor.bundle.js:1
mackentoch.github.io/:47 Uncaught TypeError: Cannot read property 'accept' of undefined
at configureStore (eval at (app.bundle.js:5460), :47:13)
at eval (eval at (app.bundle.js:1158), :27:42)
at Object. (app.bundle.js:1158)
at webpack_require (app.bundle.js:20)
at eval (eval at (app.bundle.js:54), :15:14)
at Object. (app.bundle.js:54)
at webpack_require (app.bundle.js:20)
at Object. (app.bundle.js:47)
at webpack_require (app.bundle.js:20)
at app.bundle.js:40

Hi there, trying to run the demo in dev mode with : npm run start and having thoses errors. Looks like the components cant resolve. Can you guide me as what is wrong here? Thanks

superman@panel:~/dev/reactjs/react-director-admin-template$ npm run start

[email protected] start /home/superman/dev/reactjs/react-director-admin-template
cross-env NODE_ENV=dev node ./server.hot.reload.js

  =====================================================
  -> Server (Hot reload) 🏃 (running) on localhost:3001
  =====================================================

webpack built c29ad5000d1ef2509add in 20611ms
Hash: c29ad5000d1ef2509add
Version: webpack 3.12.0
Time: 20611ms
Asset Size Chunks Chunk Names
ionicons.eot 144 kB
fontawesome-webfont.eot 166 kB
fontawesome-webfont.ttf 166 kB
fontawesome-webfont.svg 444 kB
ionicons.ttf 144 kB
ionicons.svg 400 kB
glyphicons-halflings-regular.svg 109 kB
bundle.js 7.03 MB 0 main
bundle.js.map 7.36 MB 0 main
[0] ./node_modules/react/index.js 190 bytes {0} [built]
[590] multi babel-polyfill react-hot-loader/patch webpack-hot-middleware/client ./src/app/index.js 64 bytes {0} [built]
[591] ./node_modules/babel-polyfill/lib/index.js 833 bytes {0} [built]
[592] ./node_modules/core-js/shim.js 8.22 kB {0} [built]
[789] ./node_modules/babel-polyfill/node_modules/regenerator-runtime/runtime.js 24.4 kB {0} [built]
[790] ./node_modules/core-js/fn/regexp/escape.js 108 bytes {0} [built]
[793] ./node_modules/react-hot-loader/patch.js 40 bytes {0} [built]
[794] ./node_modules/react-hot-loader/lib/patch.js 209 bytes {0} [built]
[901] (webpack)-hot-middleware/client.js 7.77 kB {0} [built]
[902] ./node_modules/strip-ansi/index.js 161 bytes {0} [built]
[904] (webpack)-hot-middleware/client-overlay.js 2.21 kB {0} [built]
[909] (webpack)-hot-middleware/process-update.js 4.37 kB {0} [built]
[910] ./src/app/index.js 2.5 kB {0} [built]
[916] ./node_modules/react-hot-loader/index.js 40 bytes {0} [built]
[939] ./node_modules/bootstrap/dist/css/bootstrap.min.css 1.14 kB {0} [built]
+ 1482 hidden modules

ERROR in ./src/app/views/simpleTables/index.js
Module not found: Error: Can't resolve './SimpleTables' in '/home/superman/dev/reactjs/react-director-admin-template/src/app/views/simpleTables'
@ ./src/app/views/simpleTables/index.js 6:0-42
@ ./src/app/routes/MainRoutes.js
@ ./src/app/containers/app/App.js
@ ./src/app/containers/app/index.js
@ ./src/app/Root.js
@ ./src/app/index.js
@ multi babel-polyfill react-hot-loader/patch webpack-hot-middleware/client ./src/app/index.js

ERROR in ./src/app/components/index.js
Module not found: Error: Can't resolve './label/Label' in '/home/superman/dev/reactjs/react-director-admin-template/src/app/components'
@ ./src/app/components/index.js 31:0-49
@ ./src/app/containers/app/App.js
@ ./src/app/containers/app/index.js
@ ./src/app/Root.js
@ ./src/app/index.js
@ multi babel-polyfill react-hot-loader/patch webpack-hot-middleware/client ./src/app/index.js

ERROR in ./src/app/components/tabPanel/index.js
Module not found: Error: Can't resolve './tabPanel/TabPanel' in '/home/superman/dev/reactjs/react-director-admin-template/src/app/components/tabPanel'
@ ./src/app/components/tabPanel/index.js 3:0-58
@ ./src/app/components/index.js
@ ./src/app/containers/app/App.js
@ ./src/app/containers/app/index.js
@ ./src/app/Root.js
@ ./src/app/index.js
@ multi babel-polyfill react-hot-loader/patch webpack-hot-middleware/client ./src/app/index.js

ERROR in ./src/app/components/tabPanel/TabPanelDemo.js
Module not found: Error: Can't resolve './tabPanel/TabPanel' in '/home/superman/dev/reactjs/react-director-admin-template/src/app/components/tabPanel'
@ ./src/app/components/tabPanel/TabPanelDemo.js 4:0-43
@ ./src/app/components/tabPanel/index.js
@ ./src/app/components/index.js
@ ./src/app/containers/app/App.js
@ ./src/app/containers/app/index.js
@ ./src/app/Root.js
@ ./src/app/index.js
@ multi babel-polyfill react-hot-loader/patch webpack-hot-middleware/client ./src/app/index.js

ERROR in ./src/app/components/tabPanel/index.js
Module not found: Error: Can't resolve './tabPanelBodyContent/TabPanelBodyContent' in '/home/superman/dev/reactjs/react-director-admin-template/src/app/components/tabPanel'
@ ./src/app/components/tabPanel/index.js 6:0-91
@ ./src/app/components/index.js
@ ./src/app/containers/app/App.js
@ ./src/app/containers/app/index.js
@ ./src/app/Root.js
@ ./src/app/index.js
@ multi babel-polyfill react-hot-loader/patch webpack-hot-middleware/client ./src/app/index.js

ERROR in ./src/app/components/tabPanel/TabPanelDemo.js
Module not found: Error: Can't resolve './tabPanelBodyContent/TabPanelBodyContent' in '/home/superman/dev/reactjs/react-director-admin-template/src/app/components/tabPanel'
@ ./src/app/components/tabPanel/TabPanelDemo.js 7:0-76
@ ./src/app/components/tabPanel/index.js
@ ./src/app/components/index.js
@ ./src/app/containers/app/App.js
@ ./src/app/containers/app/index.js
@ ./src/app/Root.js
@ ./src/app/index.js
@ multi babel-polyfill react-hot-loader/patch webpack-hot-middleware/client ./src/app/index.js
webpack: Failed to compile.

Hi MacKentoch,

It is possible to convert this project from client side rendering to server side rendering.

Thanks

I have installed all the required dependencies and when I tried to run the application in browser it gives me the error.

Hey, nice piece of work... but I just pulled this and it wouldn't compile until I fixed it because some names of directories and files are out of whack

    src/app/components/label/label.js
        src/app/components/tabPanel/TabPanel/TabPanel.js
    src/app/components/tabPanel/TabPanelBodyContent/tabPanelBodyContent.js
    src/app/views/simpleTables/simpleTables.js

should be:

src/app/components/label/Label.js
src/app/components/tabPanel/tabPanel/
src/app/components/tabPanel/tabPanelBodyContent/
src/app/views/simpleTables/SimpleTables.js

Need to fix the following issues in the demo website
#1
Mixed Content: The page at 'https://mackentoch.github.io/react-director-admin-template/' was loaded over HTTPS, but requested an insecure stylesheet 'http://fonts.googleapis.com/css?family=Lato'. This request has been blocked; the content must be served over HTTPS.

#2 When i click the simpletables in the 'https://mackentoch.github.io/react-director-admin-template/'
Uncaught TypeError: Cannot read property 'getHostNode' of null
at Object.getHostNode (app.vendor.bundle.js:6)
at f.getHostNode (app.vendor.bundle.js:67)
at Object.getHostNode (app.vendor.bundle.js:6)
at Object.updateChildren (app.vendor.bundle.js:67)
at d._reconcilerUpdateChildren (app.vendor.bundle.js:68)
at d._updateChildren (app.vendor.bundle.js:68)
at d.updateChildren (app.vendor.bundle.js:68)
at d._updateDOMChildren (app.vendor.bundle.js:68)
at d.updateComponent (app.vendor.bundle.js:68)
at d.receiveComponent (app.vendor.bundle.js:68)
at Object.receiveComponent (app.vendor.bundle.js:6)

Hi All & @MacKentoch

First of all i would like to thank you for sharing this great source code.
While using this project, I am seeing the issue in Login page, after press Login button. The screen not routed into / as I expected after seeing in the code (Login.js)

I traced the code in Login.js, I saw the error around this line code :
const response = await logUserIfNeeded(email, password);

Is logUserIfNeeded returned an action, not a Promise?

I am so sorry if my seeing is not correct. Because I just started learn ReactJS in 2 weeks.

I am looking forward to hearing from you soon. Thank you so much for your help and support.

Launch preview is not working:

Mixed Content: The page at 'https://mackentoch.github.io/react-director-admin-template/' was loaded over HTTPS, but requested an insecure stylesheet 'http://fonts.googleapis.com/css?family=Lato'. This request has been blocked; the content must be served over HTTPS.
/public/assets/app.styles.css Failed to load resource: the server responded with a status of 404 (Not Found)
app.vendor.bundle.js Failed to load resource: the server responded with a status of 404 (Not Found)
app.bundle.js Failed to load resource: the server responded with a status of 404 (Not Found)
(index):1 Mixed Content: The page at 'https://mackentoch.github.io/react-director-admin-template/' was loaded over HTTPS, but requested an insecure stylesheet 'http://fonts.googleapis.com/css?family=Lato'. This request has been blocked; the content must be served over HTTPS.
app.styles.css Failed to load resource: the server responded with a status of 404 (Not Found)

@MacKentoch: I need your help in resolving an issue
i) I run npm run dev to build the app.bundle.js file it does sucessfully
ii) Then npm start to run the application, I get the below error in console as i have added app.bundle.js in index.html file.

Uncaught SyntaxError: Unexpected token < in app.bundle.js

I want to deploy this application to run via apache.

please help me out.

Thanks

In port 80 prod server will be run or not ?

I have created build files and trying to access on ie 11/10 but it's not working on it. I am getting error Minified React error #31; in console.

Unable to launch the app in windows. The error message is also not clear, about any missing modules or dependencies.
npm run dev-win

Hi Team,

We are getting the issue in render method of teammatesview. please check and advice.

import {
type Match,
type Location,
type RouterHistory,
} from 'react-router-dom';
export type RouterProps = {
match: Match,
location: Location,
history: RouterHistory,
};

I am facing type issue. That's why my project is not running

@MacKentoch I have a question about the history. I've noticed that when I add a view and add update all the corresponding files to make it possible to work within your structure. I keep getting the same message in the console log

Warning: <HashRouter> ignores the history prop. To use a custom history, use import { Router }instead ofimport { HashRouter as Router }.

I'm not sure what that means, would it be possible for you to explain?

Many thanks,

Mac OS

not able to load this template in chrome browser

http://mackentoch.github.io/react-director-admin-template/

getting errors in console:
Failed to load resource: the server responded with a status of 404 (Not Found)
2app.js:1 Failed to load resource: the server responded with a status of 404 (Not Found)

Kindly fix it. Thanks a lot :)

Hi , am run command npm run prod-sever its run correct but in browser showing blank page