Discussion on Egret - React Redux Admin Dashboard Template

Discussion on Egret - React Redux Admin Dashboard Template

By
Cart 254 sales
Well Documented

ui-lib supports this item

Supported

This author's response time can be up to 2 business days.

80 comments found.

I can not start this app locally I followed your documentation, upgraded npm, deleted node_modules, tried npm cache clean, reinstalled again via npm install and npm start gives me the same errors:

× Error: Cannot find module ’./locale’ ▼ 2 stack frames were expanded. webpackMissingModule node_modules/moment/src/lib/moment/prototype.js:1 Module../node_modules/moment/src/lib/moment/prototype.js node_modules/moment/src/lib/moment/prototype.js:1 ▲ 2 stack frames were expanded. webpack_require /home/nikita/Downloads/egret-react-admin/template/webpack/bootstrap:786 783 | }; 784 | 785 | // Execute the module function > 786 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 787 | 788 | // Flag the module as loaded 789 | module.l = true; View compiled fn /home/nikita/Downloads/egret-react-admin/template/webpack/bootstrap:149 146 | ); 147 | hotCurrentParents = []; 148 | } > 149 | return webpack_require(request); | ^ 150 | }; 151 | var ObjectFactory = function ObjectFactory(name) { 152 | return { View compiled Module../node_modules/moment/src/lib/moment/moment.js node_modules/moment/src/lib/moment/moment.js:1 webpack_require /home/nikita/Downloads/egret-react-admin/template/webpack/bootstrap:786 783 | }; 784 | 785 | // Execute the module function > 786 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 787 | 788 | // Flag the module as loaded 789 | module.l = true; View compiled fn /home/nikita/Downloads/egret-react-admin/template/webpack/bootstrap:149 146 | ); 147 | hotCurrentParents = []; 148 | } > 149 | return webpack_require(request); | ^ 150 | }; 151 | var ObjectFactory = function ObjectFactory(name) { 152 | return { View compiled Module../node_modules/moment/src/moment.js node_modules/moment/src/moment.js:1 webpack_require /home/nikita/Downloads/egret-react-admin/template/webpack/bootstrap:786 783 | }; 784 | 785 | // Execute the module function > 786 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 787 | 788 | // Flag the module as loaded 789 | module.l = true; View compiled fn /home/nikita/Downloads/egret-react-admin/template/webpack/bootstrap:149 146 | ); 147 | hotCurrentParents = []; 148 | } > 149 | return webpack_require(request); | ^ 150 | }; 151 | var ObjectFactory = function ObjectFactory(name) { 152 | return { View compiled Module../src/utils.js src/utils.js:1 > 1 | import moment from “moment”; 2 | 3 | export function debounce(func, wait, immediate) { 4 | var timeout; View compiled webpack_require /home/nikita/Downloads/egret-react-admin/template/webpack/bootstrap:786 783 | }; 784 | 785 | // Execute the module function > 786 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 787 | 788 | // Flag the module as loaded 789 | module.l = true; View compiled fn /home/nikita/Downloads/egret-react-admin/template/webpack/bootstrap:149 146 | ); 147 | hotCurrentParents = []; 148 | } > 149 | return webpack_require(request); | ^ 150 | }; 151 | var ObjectFactory = function ObjectFactory(name) { 152 | return { View compiled Module../src/egret/components/EgretToolbarMenu.jsx http://192.168.88.221:3000/static/js/main.chunk.js:5637:63 webpack_require /home/nikita/Downloads/egret-react-admin/template/webpack/bootstrap:786 783 | }; 784 | 785 | // Execute the module function > 786 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 787 | 788 | // Flag the module as loaded 789 | module.l = true; View compiled fn /home/nikita/Downloads/egret-react-admin/template/webpack/bootstrap:149 146 | ); 147 | hotCurrentParents = []; 148 | } > 149 | return webpack_require(request); | ^ 150 | }; 151 | var ObjectFactory = function ObjectFactory(name) { 152 | return { View compiled Module../src/egret/index.js src/egret/index.js:1 > 1 | export { default as Breadcrumb } from ”./components/Breadcrumb”; 2 | export { default as EgretMenu } from ”./components/EgretMenu”; 3 | export { default as EgretToolbarMenu } from ”./components/EgretToolbarMenu”; 4 | export { View compiled webpack_require /home/nikita/Downloads/egret-react-admin/template/webpack/bootstrap:786 783 | }; 784 | 785 | // Execute the module function > 786 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 787 | 788 | // Flag the module as loaded 789 | module.l = true; View compiled fn /home/nikita/Downloads/egret-react-admin/template/webpack/bootstrap:149 146 | ); 147 | hotCurrentParents = []; 148 | } > 149 | return webpack_require(request); | ^ 150 | }; 151 | var ObjectFactory = function ObjectFactory(name) { 152 | return { View compiled Module../src/app/views/dashboard/DashboardRoutes.js src/app/views/dashboard/DashboardRoutes.js:1 > 1 | import { EgretLoadable } from “egret”; 2 | import { authRoles } from ”../../auth/authRoles”; 3 | 4 | const LearningManagement = EgretLoadable({ View compiled webpack_require /home/nikita/Downloads/egret-react-admin/template/webpack/bootstrap:786 783 | }; 784 | 785 | // Execute the module function > 786 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 787 | 788 | // Flag the module as loaded 789 | module.l = true; View compiled fn /home/nikita/Downloads/egret-react-admin/template/webpack/bootstrap:149 146 | ); 147 | hotCurrentParents = []; 148 | } > 149 | return webpack_require(request); | ^ 150 | }; 151 | var ObjectFactory = function ObjectFactory(name) { 152 | return { View compiled Module../src/app/RootRoutes.jsx http://192.168.88.221:3000/static/js/main.chunk.js:900:90 webpack_require /home/nikita/Downloads/egret-react-admin/template/webpack/bootstrap:786 783 | }; 784 | 785 | // Execute the module function > 786 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 787 | 788 | // Flag the module as loaded 789 | module.l = true; View compiled fn /home/nikita/Downloads/egret-react-admin/template/webpack/bootstrap:149 146 | ); 147 | hotCurrentParents = []; 148 | } > 149 | return webpack_require(request); | ^ 150 | }; 151 | var ObjectFactory = function ObjectFactory(name) { 152 | return { View compiled Module../src/app/App.jsx http://192.168.88.221:3000/static/js/main.chunk.js:131:69 webpack_require /home/nikita/Downloads/egret-react-admin/template/webpack/bootstrap:786 783 | }; 784 | 785 | // Execute the module function > 786 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 787 | 788 | // Flag the module as loaded 789 | module.l = true; View compiled fn /home/nikita/Downloads/egret-react-admin/template/webpack/bootstrap:149 146 | ); 147 | hotCurrentParents = []; 148 | } > 149 | return webpack_require(request); | ^ 150 | }; 151 | var ObjectFactory = function ObjectFactory(name) { 152 | return { View compiled Module../src/index.jsx http://192.168.88.221:3000/static/js/main.chunk.js:9944:66 webpack_require /home/nikita/Downloads/egret-react-admin/template/webpack/bootstrap:786 783 | }; 784 | 785 | // Execute the module function > 786 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 787 | 788 | // Flag the module as loaded 789 | module.l = true; View compiled fn /home/nikita/Downloads/egret-react-admin/template/webpack/bootstrap:149 146 | ); 147 | hotCurrentParents = []; 148 | } > 149 | return webpack_require(request); | ^ 150 | }; 151 | var ObjectFactory = function ObjectFactory(name) { 152 | return { View compiled 0 http://192.168.88.221:3000/static/js/main.chunk.js:10283:18 webpack_require /home/nikita/Downloads/egret-react-admin/template/webpack/bootstrap:786 783 | }; 784 | 785 | // Execute the module function > 786 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 787 | 788 | // Flag the module as loaded 789 | module.l = true; View compiled checkDeferredModules /home/nikita/Downloads/egret-react-admin/template/webpack/bootstrap:45 42 | } 43 | if(fulfilled) { 44 | deferredModules.splice(i—, 1); > 45 | result = webpack_require(webpack_require.s = deferredModule0); | ^ 46 | } 47 | } 48 | return result; View compiled Array.webpackJsonpCallback [as push] /home/nikita/Downloads/egret-react-admin/template/webpack/bootstrap:32 29 | deferredModules.push.apply(deferredModules, executeModules || []); 30 | 31 | // run deferred modules when all chunks ready > 32 | return checkDeferredModules(); | ^ 33 | }; 34 | function checkDeferredModules() { 35 | var result; View compiled (anonymous function) http://192.168.88.221:3000/static/js/main.chunk.js:1:57 This screen is visible only in development. It will not appear if the app crashes in production. Open your browser’s developer console to further inspect this error. Click the ‘X’ or hit ESC to dismiss this message.

Which versions of nodejs and npm you are using?

nick@macbook.local ➜ egret-react-admin npm—version 6.14.4 nick@macbook.local ➜ egret-react-admin node—version v14.1.0

Looks like you are facing this issue https://github.com/moment/moment/issues/5484 Try agin after updating moment “npm install moment@2.25.3

I’ve been facing problem while installing Egret React Admin dashboard theme with yarn. Following is the error:

error C:\...\themeforest-fEH47aZ6-egret-react-redux-material-design-admin-dashboard-template\egret-react-admin\template\node_modules\node-sass: Command failed. Exit code: 1

do you have git installed?

Yes. I have.

Probably you are facing this issue https://github.com/sass/node-sass/issues/1781

Try installing packages by using npm. Thanks

hi i follow all the steps and it shows me this issue

Failed to compile ./src/_index.scss (./node_modules/css-loader/dist/cjs.js??ref-6-oneOf-5-1\\./node_modules/sass-loader/lib/loader.js??ref-6-oneOf-5-3!./src/_index.scss) Error: ENOENT: no such file or directory, scandir ‘F:\React JS\egret-react-admin\template\node_modules\node-sass\vendor’

please try installing node-sass “npm install node-sass” also install globally “npm install node-sass -g”

now i have an issue about firebase ./src/app/services/firebase/firebaseAuthService.js Module not found: Can’t resolve ‘firebase/app’ in ‘F:\React JS\egret-react-admin\template\src\app\services\firebase’

Hi, you can remove firebase and firebaseAuthService if you don’t use firebase.

Hi, when I try to npm start, always got this error message. Have tried google this problem, tried some solutions, but still didn’t work.

./node_modules/react-dev-utils/webpackHotDevClient.js Error: [BABEL] D:\Code\template\node_modules\react-dev-utils\webpackHotDevClient.js: Could not find plugin “proposal-numeric-separator”. Ensure there is an entry in ./available-plugins.js for it. (While processing: “D:\\Code\\template\\node_modules\\babel-preset-react-app\\dependencies.js$0”) at Array.map (<anonymous>) at Array.reduce (<anonymous>)

Hi, any help?

Hi, we just updated the template. Can you try updated version?

I can’t find Role based authentication. There is no page I can see what are the role and how this role has been assigned to the users.

Routing & Role based Authentication

We implemented routing using react-router-dom.

  • Role-based authentication
  • Firebase authentication

You can set user role to each route. please check http://demos.ui-lib.com/egret-react-doc/routing.html#authGuard

I am getting error while starting application in development mode.

I am using

Node version : v10.15.3 NPM Version: 6.13.7

Error: × TypeError: Cannot read property ‘apply’ of undefined (anonymous function) node_modules/redux/es/redux.js:600 597 | 598 | return funcs.reduce(function (a, b) { 599 | return function () { > 600 | return a(b.apply(void 0, arguments)); 601 | }; 602 | }); 603 | } View compiled createStore node_modules/redux/es/redux.js:79 76 | throw new Error(‘Expected the enhancer to be a function.’); 77 | } 78 | > 79 | return enhancer(createStore)(reducer, preloadedState); | ^ 80 | } 81 | 82 | if (typeof reducer !== ‘function’) { View compiled Module../src/app/redux/Store.js src/app/redux/Store.js:9 6 | 7 | const middlewares = [thunk]; 8 | > 9 | export const Store = createStore( 10 | RootReducer, 11 | initialState, 12 | compose( View compiled webpack_require /Users/kbhesaniya/Downloads/tmpdir/my_1/egret-react-admin/template/webpack/bootstrap:786 783 | }; 784 | 785 | // Execute the module function > 786 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 787 | 788 | // Flag the module as loaded 789 | module.l = true; View compiled fn /Users/kbhesaniya/Downloads/tmpdir/my_1/egret-react-admin/template/webpack/bootstrap:149 146 | ); 147 | hotCurrentParents = []; 148 | } > 149 | return webpack_require(request); | ^ 150 | }; 151 | var ObjectFactory = function ObjectFactory(name) { 152 | return { View compiled Module../src/app/App.jsx http://localhost:3000/static/js/main.chunk.js:113:70 webpack_require /Users/kbhesaniya/Downloads/tmpdir/my_1/egret-react-admin/template/webpack/bootstrap:786 783 | }; 784 | 785 | // Execute the module function > 786 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 787 | 788 | // Flag the module as loaded 789 | module.l = true; View compiled fn /Users/kbhesaniya/Downloads/tmpdir/my_1/egret-react-admin/template/webpack/bootstrap:149 146 | ); 147 | hotCurrentParents = []; 148 | } > 149 | return webpack_require(request); | ^ 150 | }; 151 | var ObjectFactory = function ObjectFactory(name) { 152 | return { View compiled Module../src/index.jsx http://localhost:3000/static/js/main.chunk.js:9750:66 webpack_require /Users/kbhesaniya/Downloads/tmpdir/my_1/egret-react-admin/template/webpack/bootstrap:786 783 | }; 784 | 785 | // Execute the module function > 786 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 787 | 788 | // Flag the module as loaded 789 | module.l = true; View compiled fn /Users/kbhesaniya/Downloads/tmpdir/my_1/egret-react-admin/template/webpack/bootstrap:149 146 | ); 147 | hotCurrentParents = []; 148 | } > 149 | return webpack_require(request); | ^ 150 | }; 151 | var ObjectFactory = function ObjectFactory(name) { 152 | return { View compiled 0 http://localhost:3000/static/js/main.chunk.js:10089:18 webpack_require /Users/kbhesaniya/Downloads/tmpdir/my_1/egret-react-admin/template/webpack/bootstrap:786 783 | }; 784 | 785 | // Execute the module function > 786 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 787 | 788 | // Flag the module as loaded 789 | module.l = true; View compiled checkDeferredModules /Users/kbhesaniya/Downloads/tmpdir/my_1/egret-react-admin/template/webpack/bootstrap:45 42 | } 43 | if(fulfilled) { 44 | deferredModules.splice(i—, 1); > 45 | result = webpack_require(webpack_require.s = deferredModule0); | ^ 46 | } 47 | } 48 | return result; View compiled Array.webpackJsonpCallback [as push] /Users/kbhesaniya/Downloads/tmpdir/my_1/egret-react-admin/template/webpack/bootstrap:32 29 | deferredModules.push.apply(deferredModules, executeModules || []); 30 | 31 | // run deferred modules when all chunks ready > 32 | return checkDeferredModules(); | ^ 33 | }; 34 | function checkDeferredModules() { 35 | var result; View compiled (anonymous function) http://localhost:3000/static/js/main.chunk.js:1:57 This screen is visible only in development. It will not appear if the app crashes in production. Open your browser’s developer console to further inspect this error.

Please comment out line 14 of “src/app/redux/Store.js”

Hi. I would like to place a request for a refund.

I think you issue is resolved :)

Actually, I just found an alternative. So I would like to go ahead with the refund. Thanks for the directions anyway.

I resolved the issue for which you wanted the refund. Thanks!

You guys have mentioned that authentication has been implemented. However, when I run the project, it directly lands on to the dashboard instead of navigating to the login page first. Why is that?

You guys have also mentioned that role based authentication has been implemented. But where do I see a list of user accounts and their roles on the dashboard? How do I come to know as to which role is which?

Hi, Please check out the authentication from the doc http://demos.ui-lib.com/egret-react-doc/authentication.html

I’m facing errors as soon as I ran the project.

TypeError: Cannot read property ‘apply’ of undefined (anonymous function) node_modules/redux/es/redux.js:598 595 | 596 | return funcs.reduce(function (a, b) { 597 | return function () { > 598 | return a(b.apply(void 0, arguments)); 599 | }; 600 | }); 601 | } View compiled createStore node_modules/redux/es/redux.js:79 76 | throw new Error(‘Expected the enhancer to be a function.’); 77 | } 78 | > 79 | return enhancer(createStore)(reducer, preloadedState); | ^ 80 | } 81 | 82 | if (typeof reducer !== ‘function’) { View compiled Module../src/app/redux/Store.js src/app/redux/Store.js:9 6 | 7 | const middlewares = [thunk]; 8 | > 9 | export const Store = createStore( 10 | RootReducer, 11 | initialState, 12 | compose( View compiled webpack_require /home/system/Documents/egret-react-admin/template/webpack/bootstrap:790 787 | }; 788 | 789 | // Execute the module function > 790 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 791 | 792 | // Flag the module as loaded 793 | module.l = true; View compiled fn /home/system/Documents/egret-react-admin/template/webpack/bootstrap:150 147 | ); 148 | hotCurrentParents = []; 149 | } > 150 | return webpack_require(request); | ^ 151 | }; 152 | var ObjectFactory = function ObjectFactory(name) { 153 | return { View compiled Module../src/app/App.jsx http://localhost:3000/static/js/main.chunk.js:120:70 webpack_require /home/system/Documents/egret-react-admin/template/webpack/bootstrap:790 787 | }; 788 | 789 | // Execute the module function > 790 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 791 | 792 | // Flag the module as loaded 793 | module.l = true; View compiled fn /home/system/Documents/egret-react-admin/template/webpack/bootstrap:150 147 | ); 148 | hotCurrentParents = []; 149 | } > 150 | return webpack_require(request); | ^ 151 | }; 152 | var ObjectFactory = function ObjectFactory(name) { 153 | return { View compiled Module../src/index.jsx http://localhost:3000/static/js/main.chunk.js:9757:66 webpack_require /home/system/Documents/egret-react-admin/template/webpack/bootstrap:790 787 | }; 788 | 789 | // Execute the module function > 790 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 791 | 792 | // Flag the module as loaded 793 | module.l = true; View compiled fn /home/system/Documents/egret-react-admin/template/webpack/bootstrap:150 147 | ); 148 | hotCurrentParents = []; 149 | } > 150 | return webpack_require(request); | ^ 151 | }; 152 | var ObjectFactory = function ObjectFactory(name) { 153 | return { View compiled 1 http://localhost:3000/static/js/main.chunk.js:10097:18 webpack_require /home/system/Documents/egret-react-admin/template/webpack/bootstrap:790 787 | }; 788 | 789 | // Execute the module function > 790 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 791 | 792 | // Flag the module as loaded 793 | module.l = true; View compiled checkDeferredModules /home/system/Documents/egret-react-admin/template/webpack/bootstrap:45 42 | } 43 | if(fulfilled) { 44 | deferredModules.splice(i—, 1); > 45 | result = webpack_require(webpack_require.s = deferredModule0); | ^ 46 | } 47 | } 48 | View compiled Array.webpackJsonpCallback [as push] /home/system/Documents/egret-react-admin/template/webpack/bootstrap:32 29 | deferredModules.push.apply(deferredModules, executeModules || []); 30 | 31 | // run deferred modules when all chunks ready > 32 | return checkDeferredModules(); | ^ 33 | }; 34 | function checkDeferredModules() { 35 | var result; View compiled (anonymous function) http://localhost:3000/static/js/main.chunk.js:1:75

Horizontal scroll does not work on my Pixel 2 XL on CRUD table

Hi I am trying to build my project for production, but i keep getting this error. npm ERR! code ELIFECYCLE npm ERR! errno 134 npm ERR! egret-react@1.0.0 build: `react-scripts build` npm ERR! Exit status 134 npm ERR! npm ERR! Failed at the egret-react@1.0.0 build script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

Hi, can you follow this steps https://stackoverflow.com/a/49505612

I did that, but i still got the same results. This is my log file 0 info it worked if it ends with ok 1 verbose cli [ ‘C:\\Program Files\\nodejs\\node.exe’, 1 verbose cli ‘C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js’, 1 verbose cli ‘run-script’, 1 verbose cli ‘build’ ] 2 info using npm@6.4.1 3 info using node@v11.3.0 4 verbose run-script [ ‘prebuild’, ‘build’, ‘postbuild’ ] 5 info lifecycle egret-react@1.0.0prebuild: egret-react@1.0.0 6 info lifecycle egret-react@1.0.0build: egret-react@1.0.0 7 verbose lifecycle egret-react@1.0.0build: unsafe-perm in lifecycle true 8 verbose lifecycle egret-react@1.0.0build: PATH: C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\node-gyp-bin;C:\Users\anfaal\WebstormProjects\phag\node_modules\.bin;C:\Users\anfaal\WebstormProjects\phag\node_modules\.bin;C:\Program Files\Python37\Scripts\;C:\Program Files\Python37\;C:\Program Files\Microsoft MPI\Bin\;C:\Program Files (x86)\Common Files\Oracle\Java\javapath;C:\Program Files\Dell\DW WLAN Card;C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\;C:\Program Files\WIDCOMM\Bluetooth Software\;C:\Program Files\WIDCOMM\Bluetooth Software\syswow64;C:\Program Files (x86)\NVIDIA Corporation\PhysX\Common;C:\WINDOWS\system32;C:\WINDOWS;C:\WINDOWS\System32\Wbem;C:\WINDOWS\System32\WindowsPowerShell\v1.0\;C:\WINDOWS\System32\OpenSSH\;C:\Program Files (x86)\Microsoft SQL Server\Client SDK\ODBC\130\Tools\Binn\;C:\Program Files (x86)\Microsoft SQL Server\140\Tools\Binn\;C:\Program Files (x86)\Microsoft SQL Server\140\DTS\Binn\;C:\Program Files (x86)\Microsoft SQL Server\140\Tools\Binn\ManagementStudio\;C:\Program Files\dotnet\;C:\Program Files\Microsoft SQL Server\130\Tools\Binn\;C:\Program Files\Git\cmd;C:\Program Files\nodejs\;C:\ProgramData\chocolatey\bin;C:\Program Files\Microsoft SQL Server\140\Tools\Binn\;C:\Program Files\Microsoft SQL Server\140\DTS\Binn\;C:\Program Files\Microsoft SQL Server\Client SDK\ODBC\130\Tools\Binn\;C:\Program Files (x86)\Intel\Intel® Management Engine Components\DAL;C:\Program Files\Intel\Intel® Management Engine Components\DAL;C:\Program Files\curl;C:\Program Files\Microsoft SQL Server\Client SDK\ODBC\170\Tools\Binn\;C:\Program Files\NVIDIA Corporation\NVIDIA NvDLISR;C:\Program Files\MATLAB\R2019a\runtime\win64;C:\Program Files\MATLAB\R2019a\bin;C:\ProgramData\ComposerSetup\bin;C:\wamp64\bin\php\php7.3.1;C:\Users\anfaal\AppData\Local\Microsoft\WindowsApps;C:\Users\anfaal\AppData\Local\Programs\Microsoft VS Code\bin;C:\Users\anfaal\AppData\Roaming\Composer\vendor\bin;C:\flutter\bin;C:\Users\anfaal\.dotnet\tools;C:\wamp64\bin\php\php7.3.1; 9 verbose lifecycle egret-react@1.0.0build: CWD: C:\Users\anfaal\WebstormProjects\phag 10 silly lifecycle egret-react@1.0.0build: Args: [ ’/d /s /c’, ‘react-scripts build’ ] 11 silly lifecycle egret-react@1.0.0build: Returned: code: 134 signal: null 12 info lifecycle egret-react@1.0.0build: Failed to exec build script 13 verbose stack Error: egret-react@1.0.0 build: `react-scripts build` 13 verbose stack Exit status 134 13 verbose stack at EventEmitter.<anonymous> (C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\index.js:301:16) 13 verbose stack at EventEmitter.emit (events.js:182:13) 13 verbose stack at ChildProcess.<anonymous> (C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\lib\spawn.js:55:14) 13 verbose stack at ChildProcess.emit (events.js:182:13) 13 verbose stack at maybeClose (internal/child_process.js:978:16) 13 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:265:5) 14 verbose pkgid egret-react@1.0.0 15 verbose cwd C:\Users\anfaal\WebstormProjects\phag 16 verbose Windows_NT 10.0.17134 17 verbose argv “C:\\Program Files\\nodejs\\node.exe” “C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js” “run-script” “build” 18 verbose node v11.3.0 19 verbose npm v6.4.1 20 error code ELIFECYCLE 21 error errno 134 22 error egret-react@1.0.0 build: `react-scripts build` 22 error Exit status 134 23 error Failed at the egret-react@1.0.0 build script. 23 error This is probably not a problem with npm. There is likely additional logging output above. 24 verbose exit [ 134, true ]

Hi.

I can not run: npm run build.

It is getting error. The error is: FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed – JavaScript heap out of memory.

Please help.

Thank you.

How to set theme with a api request? (How to commit in Redux in app mounted)

We used axios and it’s mock adapter to fake REST API. I’m not clear about your question. You can remove mock adapter by removing line 1 from App.jsx import "../fake-db";

Thanks for support! I am saving the preference of user themes in the database … at login, I retrieve the color settings … how do I make the login to define the theme? What should I do in redux and how?

Dear Sir,

I just purchased this item with Purchase code: d447fe7d-3978-4d7f-b121-336d1fd98ad7.

I wasn’t able to run the react version (egret 1.0.0).

I keep on encountering error on node-pre-gyp (grpc issue: install: `node-pre-gyp install—fallback-to-build—library=static_library). I updated the firebase to 7.7.0. The issue disappeared, but now the page being loaded spawned several errors as well. Anonymous function in redux. With the following list of errors.

TypeError: Cannot read property ‘apply’ of undefined (anonymous function) node_modules/redux/es/redux.js:600 597 | 598 | return funcs.reduce(function (a, b) { 599 | return function () { > 600 | return a(b.apply(void 0, arguments)); 601 | }; 602 | }); 603 | }

./src/app/EgretLayout/SharedCompoents/NotificationBar.jsx Line 10:3: ‘Fab’ is defined but never used no-unused-vars

./src/app/views/dashboard/DashboardRoutes.js Line 13:7: ‘Dashboard1’ is assigned a value but never used no-unused-vars

./src/app/views/ecommerce/Checkout.jsx Line 14:10: ‘PropTypes’ is defined but never used no-unused-vars Line 33:26: Expected to return a value in arrow function array-callback-return

./src/app/redux/reducers/ScrumBoardReducer.js Line 14:3: ‘REORDER_CARD’ is defined but never used no-unused-vars

./src/app/views/ecommerce/ShopSidenav.jsx Line 15:3: ‘IconButton’ is defined but never used no-unused-vars

./src/app/services/firebase/firebaseAuthService.js Line 16:3: Useless constructor no-useless-constructor

./src/app/views/ecommerce/Shop.jsx Line 17:13: ’_’ is defined but never used no-unused-vars

./src/app/views/scrum-board/ScrumBoardContainer.jsx Line 18:10: ‘addNewColumnInBoard’ is defined but never used no-unused-vars

./src/app/views/chat-box/AppChat.jsx Line 18:10: ‘generateRandomId’ is defined but never used no-unused-vars

./src/app/views/ecommerce/Cart.jsx Line 1:28: ‘Fragment’ is defined but never used no-unused-vars Line 25:26: Expected to return a value in arrow function array-callback-return

./src/fake-db/db/ecommerce.js Line 248:65: Expected ’===’ and instead saw ’==’ eqeqeq

./src/app/views/list/AppList.jsx Line 2:10: ‘isMobile’ is defined but never used no-unused-vars

./src/fake-db/db/scrumBoard.js Line 341:7: ‘move’ is assigned a value but never used no-unused-vars Line 472:34: Expected to return a value in arrow function array-callback-return

./src/fake-db/db/chat.js Line 3:13: ’_’ is defined but never used no-unused-vars Line 223:26: Expected to return a value in arrow function array-callback-return Line 274:38: Expected to return a value in arrow function array-callback-return

./src/app/views/scrum-board/CardEditorDialog.jsx Line 403:27: Redundant alt attribute. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any specified custom words) in the alt prop jsx-a11y/img-redundant-alt

./src/app/EgretLayout/SharedCompoents/SecondarySidebar.jsx Line 4:3: ‘Badge’ is defined but never used no-unused-vars

./src/app/EgretLayout/Layout2/Layout2Topbar.jsx Line 5:3: ‘Badge’ is defined but never used no-unused-vars

./src/app/EgretLayout/Layout1/Layout1Topbar.jsx Line 6:3: ‘Badge’ is defined but never used no-unused-vars

./src/app/views/sessions/ForgotPassword.jsx Line 6:3: ‘withStyles’ is defined but never used no-unused-vars Line 7:3: ‘CircularProgress’ is defined but never used no-unused-vars

Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before.

Hi please check line 14 of ”/src/app/redux/Store.js” is commented out.

Hi… About “Egret – React”...

How to use loginWithToken?

Saved a JWT from Laravel on LocalStorage, but every F5 it logs off the user … how to use the token to validate the user session? I’ve tried everything but I don’t know where to use loginWithToken …

Hi, when app refresh you need to send and http request to server with the existing token from localstorage and server will return user object if the token is valid.

Hi, i woul like to know how to install correctly the theme. I have: windows 10 node.js 12.13.1 npm 6.12.0

If i follow the instruction in the documentation: Installation Egret React uses React Framework for development serve and build process

1. Make sure if is installed on your computer. 2. Open terminal and navigate to root /egret-react directory and run npm install to install dependencies. 3. Again in that terminal run npm install create-react-app to install React Framework.

and i type npm start, i got the following error:

TypeError: Cannot read property ‘apply’ of undefined (anonymous function) E:/Lavoro/Global Service spa/Azienda/programmi/IP Checker/egret-react-admin/template/node_modules/redux/es/redux.js:600 597 | 598 | return funcs.reduce(function (a, b) { 599 | return function () { > 600 | return a(b.apply(void 0, arguments)); 601 | }; 602 | }); 603 | } View compiled createStore E:/Lavoro/Global Service spa/Azienda/programmi/IP Checker/egret-react-admin/template/node_modules/redux/es/redux.js:79 76 | throw new Error(‘Expected the enhancer to be a function.’); 77 | } 78 | > 79 | return enhancer(createStore)(reducer, preloadedState); | ^ 80 | } 81 | 82 | if (typeof reducer !== ‘function’) { View compiled Module../src/app/redux/Store.js E:/Lavoro/Global Service spa/Azienda/programmi/IP Checker/egret-react-admin/template/src/app/redux/Store.js:9 6 | 7 | const middlewares = [thunk]; 8 | > 9 | export const Store = createStore( 10 | RootReducer, 11 | initialState, 12 | compose( View compiled webpack_require E:/Lavoro/Global Service spa/Azienda/programmi/IP Checker/egret-react-admin/template/webpack/bootstrap:786 783 | }; 784 | 785 | // Execute the module function > 786 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 787 | 788 | // Flag the module as loaded 789 | module.l = true; View compiled fn E:/Lavoro/Global Service spa/Azienda/programmi/IP Checker/egret-react-admin/template/webpack/bootstrap:149 146 | ); 147 | hotCurrentParents = []; 148 | } > 149 | return webpack_require(request); | ^ 150 | }; 151 | var ObjectFactory = function ObjectFactory(name) { 152 | return { View compiled Module../src/app/App.jsx http://localhost:3000/static/js/main.chunk.js:113:70 webpack_require E:/Lavoro/Global Service spa/Azienda/programmi/IP Checker/egret-react-admin/template/webpack/bootstrap:786 783 | }; 784 | 785 | // Execute the module function > 786 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 787 | 788 | // Flag the module as loaded 789 | module.l = true; View compiled fn E:/Lavoro/Global Service spa/Azienda/programmi/IP Checker/egret-react-admin/template/webpack/bootstrap:149 146 | ); 147 | hotCurrentParents = []; 148 | } > 149 | return webpack_require(request); | ^ 150 | }; 151 | var ObjectFactory = function ObjectFactory(name) { 152 | return { View compiled Module../src/index.jsx http://localhost:3000/static/js/main.chunk.js:9750:66 webpack_require E:/Lavoro/Global Service spa/Azienda/programmi/IP Checker/egret-react-admin/template/webpack/bootstrap:786 783 | }; 784 | 785 | // Execute the module function > 786 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 787 | 788 | // Flag the module as loaded 789 | module.l = true; View compiled fn E:/Lavoro/Global Service spa/Azienda/programmi/IP Checker/egret-react-admin/template/webpack/bootstrap:149 146 | ); 147 | hotCurrentParents = []; 148 | } > 149 | return webpack_require(request); | ^ 150 | }; 151 | var ObjectFactory = function ObjectFactory(name) { 152 | return { View compiled 0 http://localhost:3000/static/js/main.chunk.js:10089:18 webpack_require E:/Lavoro/Global Service spa/Azienda/programmi/IP Checker/egret-react-admin/template/webpack/bootstrap:786 783 | }; 784 | 785 | // Execute the module function > 786 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 787 | 788 | // Flag the module as loaded 789 | module.l = true; View compiled checkDeferredModules E:/Lavoro/Global Service spa/Azienda/programmi/IP Checker/egret-react-admin/template/webpack/bootstrap:45 42 | } 43 | if(fulfilled) { 44 | deferredModules.splice(i—, 1); > 45 | result = webpack_require(webpack_require.s = deferredModule0); | ^ 46 | } 47 | } 48 | return result; View compiled Array.webpackJsonpCallback [as push] E:/Lavoro/Global Service spa/Azienda/programmi/IP Checker/egret-react-admin/template/webpack/bootstrap:32 29 | deferredModules.push.apply(deferredModules, executeModules || []); 30 | 31 | // run deferred modules when all chunks ready > 32 | return checkDeferredModules(); | ^ 33 | }; 34 | function checkDeferredModules() { 35 | var result; View compiled (anonymous function) http://localhost:3000/static/js/main.chunk.js:1:57 This screen is visible only in development. It will not appear if the app crashes in production. Open your browser’s developer console to further inspect this error.

Am i missing some needed component? What are the must have component to run the theme?

thanx

I confirm that the line 14 is still cause errors…

Does the correct sequence of instructions are: 1) install nodejs (latest) 2) cd to the template dir 3) npm install (on this step i have had some problem with some dependencies. npm says that i have to install some dependencies by myself, and i have done that) 4) npm run build 5) npm start

when i build on step 4 i get: Creating an optimized production build… Compiled with warnings.

./src/app/EgretLayout/SharedCompoents/NotificationBar.jsx Line 10: ‘Fab’ is defined but never used no-unused-vars

./src/app/views/scrum-board/BoardList.jsx Line 126: No duplicate props allowed react/jsx-no-duplicate-props Line 230: No duplicate props allowed react/jsx-no-duplicate-props

./src/app/views/dashboard/DashboardRoutes.js Line 13: ‘Dashboard1’ is assigned a value but never used no-unused-vars

./src/app/views/ecommerce/Checkout.jsx Line 14: ‘PropTypes’ is defined but never used no-unused-vars Line 33: Expected to return a value in arrow function array-callback-return

./src/app/redux/reducers/ScrumBoardReducer.js Line 14: ‘REORDER_CARD’ is defined but never used no-unused-vars

./src/app/views/ecommerce/ShopSidenav.jsx Line 15: ‘IconButton’ is defined but never used no-unused-vars Line 59: No duplicate props allowed react/jsx-no-duplicate-props Line 171: No duplicate props allowed react/jsx-no-duplicate-props

./src/app/services/firebase/firebaseAuthService.js Line 16: Useless constructor no-useless-constructor

./src/app/views/ecommerce/Shop.jsx Line 17: ’_’ is defined but never used no-unused-vars

./src/app/views/scrum-board/ScrumBoardContainer.jsx Line 18: ‘addNewColumnInBoard’ is defined but never used no-unused-vars Line 156: No duplicate props allowed react/jsx-no-duplicate-props

./src/app/views/chat-box/AppChat.jsx Line 18: ‘generateRandomId’ is defined but never used no-unused-vars

./src/app/views/ecommerce/Cart.jsx Line 1: ‘Fragment’ is defined but never used no-unused-vars Line 25: Expected to return a value in arrow function array-callback-return

./src/fake-db/db/ecommerce.js Line 248: Expected ’===’ and instead saw ’==’ eqeqeq

./src/app/views/list/AppList.jsx Line 2: ‘isMobile’ is defined but never used no-unused-vars

./src/fake-db/db/scrumBoard.js Line 341: ‘move’ is assigned a value but never used no-unused-vars Line 472: Expected to return a value in arrow function array-callback-return

./src/fake-db/db/chat.js Line 3: ’_’ is defined but never used no-unused-vars Line 223: Expected to return a value in arrow function array-callback-return Line 274: Expected to return a value in arrow function array-callback-return

./src/app/views/scrum-board/CardEditorDialog.jsx Line 403: Redundant alt attribute. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any specified custom words) in the alt prop jsx-a11y/img-redundant-alt

./src/app/EgretLayout/SharedCompoents/SecondarySidebar.jsx Line 4: ‘Badge’ is defined but never used no-unused-vars

./src/app/EgretLayout/Layout2/Layout2Topbar.jsx Line 5: ‘Badge’ is defined but never used no-unused-vars

./src/app/EgretLayout/Layout1/Layout1Topbar.jsx Line 6: ‘Badge’ is defined but never used no-unused-vars

./src/app/views/sessions/ForgotPassword.jsx Line 6: ‘withStyles’ is defined but never used no-unused-vars Line 7: ‘CircularProgress’ is defined but never used no-unused-vars

Does that warning can be solved ?

thx

Yeah, we can solve these warnings, we need to remove unused variables. I’ll remove unused variables in next update.

Hi, My name is Giancarlo. You have greats templates and they are amazing. Can you tell me when could be Egret in Vue Version?

We’re working on the vue version. We’ll release soon. Thanks!

Tried installing multiple times. I followed your install instruction, but I keep getting errors below: ______________________________ TypeError: Cannot read property ‘apply’ of undefined (anonymous function) C:/dev/egret-react-admin/template/node_modules/redux/es/redux.js:600 597 | 598 | return funcs.reduce(function (a, b) { 599 | return function () { > 600 | return a(b.apply(void 0, arguments)); 601 | }; 602 | }); 603 | } View compiled createStore C:/dev/egret-react-admin/template/node_modules/redux/es/redux.js:79 76 | throw new Error(‘Expected the enhancer to be a function.’); 77 | } 78 | > 79 | return enhancer(createStore)(reducer, preloadedState); | ^ 80 | } 81 | 82 | if (typeof reducer !== ‘function’) { View compiled Module../src/app/redux/Store.js C:/dev/egret-react-admin/template/src/app/redux/Store.js:9 6 | 7 | const middlewares = [thunk]; 8 | > 9 | export const Store = createStore( 10 | RootReducer, 11 | initialState, 12 | compose( View compiled webpack_require C:/dev/egret-react-admin/template/webpack/bootstrap:786 783 | }; 784 | 785 | // Execute the module function > 786 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 787 | 788 | // Flag the module as loaded 789 | module.l = true; View compiled fn C:/dev/egret-react-admin/template/webpack/bootstrap:149 146 | ); 147 | hotCurrentParents = []; 148 | } > 149 | return webpack_require(request); | ^ 150 | }; 151 | var ObjectFactory = function ObjectFactory(name) { 152 | return { View compiled Module../src/app/App.jsx http://localhost:3000/static/js/main.chunk.js:113:70 webpack_require C:/dev/egret-react-admin/template/webpack/bootstrap:786 783 | }; 784 | 785 | // Execute the module function > 786 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 787 | 788 | // Flag the module as loaded 789 | module.l = true; View compiled fn C:/dev/egret-react-admin/template/webpack/bootstrap:149 146 | ); 147 | hotCurrentParents = []; 148 | } > 149 | return webpack_require(request); | ^ 150 | }; 151 | var ObjectFactory = function ObjectFactory(name) { 152 | return { View compiled Module../src/index.jsx http://localhost:3000/static/js/main.chunk.js:9750:66 webpack_require C:/dev/egret-react-admin/template/webpack/bootstrap:786 783 | }; 784 | 785 | // Execute the module function > 786 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 787 | 788 | // Flag the module as loaded 789 | module.l = true; View compiled fn C:/dev/egret-react-admin/template/webpack/bootstrap:149 146 | ); 147 | hotCurrentParents = []; 148 | } > 149 | return webpack_require(request); | ^ 150 | }; 151 | var ObjectFactory = function ObjectFactory(name) { 152 | return { View compiled 0 http://localhost:3000/static/js/main.chunk.js:10089:18 webpack_require C:/dev/egret-react-admin/template/webpack/bootstrap:786 783 | }; 784 | 785 | // Execute the module function > 786 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 787 | 788 | // Flag the module as loaded 789 | module.l = true; View compiled checkDeferredModules C:/dev/egret-react-admin/template/webpack/bootstrap:45 42 | } 43 | if(fulfilled) { 44 | deferredModules.splice(i—, 1); > 45 | result = webpack_require(webpack_require.s = deferredModule0); | ^ 46 | } 47 | } 48 | return result; View compiled Array.webpackJsonpCallback [as push] C:/dev/egret-react-admin/template/webpack/bootstrap:32 29 | deferredModules.push.apply(deferredModules, executeModules || []); 30 | 31 | // run deferred modules when all chunks ready > 32 | return checkDeferredModules(); | ^ 33 | }; 34 | function checkDeferredModules() { 35 | var result; View compiled (anonymous function) http://localhost:3000/static/js/main.chunk.js:1:57

did you run “npm install”? can you try removing line 14 of src/app/redux/Store.js

Hi,

This is a pre-sales question. I would like to know bit more on the code layouts. is there a documentation?

I want to check…. 1) Can i use styled-components for custom styling? 2) JQuery is used? 3) Is it Angular or React theme? Whats angular CLI ? 4) Can i see package.json dependencies? 5) Component tests includes? 6) Typescript or Plain JS uses? 7) Fully responsive? Im looking for mobile-web responsiveness.

Thanks, MJ

Multi language is not supported.

Is it in the pipeline? Can expect in the near future? Thanks. ,

We have plan to add multi language support. We cannot assure you when we’ll be able to do that. Thanks!

Hi. There are some errors when running using npm start. Please help to fix.

I have just installed redux dev tools for chrome. Can I run with no errors and without installing redux dev tools for chrome ?

Hi, You need comment out line 14 in “src/app/redux/Store.js”. I forgot that. I’m going to remove that line.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey