mackentoch / react-director-admin-template Goto Github PK

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

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

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

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

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

In port 80 prod server will be run or not ?

Hi MacKentoch,

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

Thanks

Hi Team,

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

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

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.

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)

@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 :)

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

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 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.

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.