67 comments found.
Boa noite, estou tendo problema pra subir esse projeto em ambiente linux. após rodar o npm install eu executo npm run build:dll após isso executo npm run build e ele diz que não encontrou o modulo rimraf.
Hi Adonaiesplendor,
Thanks for purchasing.
Please try to install manually with npm i rimraf then build again. If there’s another missing dependencies, maybe has some problem when download the packages. You can remove the node_modules/ then npm install again.
Regards.
after changed package.json from rimraf to npx rimraf and run npm run build i got this error >>
ubuntu@valuez-app:~/valuezreact$ npm run build
> boss_ultimate@2.0.2 prebuild > npm run build:clean
> boss_ultimate@2.0.2 build:clean > npx rimraf ./build
> boss_ultimate@2.0.2 build > cross-env NODE_ENV=production webpack—config internals/webpack/webpack.prod.babel.js—color—progress
node:events:491 throw er; // Unhandled ‘error’ event ^
Error: spawn webpack ENOENT at Process.ChildProcess._handle.onexit (node:internal/child_process:285:19) at onErrorNT (node:internal/child_process:485:16) at processTicksAndRejections (node:internal/process/task_queues:83:21) Emitted ‘error’ event on ChildProcess instance at: at Process.ChildProcess._handle.onexit (node:internal/child_process:291:12) at onErrorNT (node:internal/child_process:485:16) at processTicksAndRejections (node:internal/process/task_queues:83:21) { errno: -2, code: ‘ENOENT’, syscall: ‘spawn webpack’, path: ‘webpack’, spawnargs: [ ‘—config’, ‘internals/webpack/webpack.prod.babel.js’, ‘—color’, ‘—progress’ ] }
Hi,
How many percent progress when the error come out? If it +/- 90% maybe the problem is about RAM memory, to build the full project It recommend 4GB. Or for small memory you can reduce the file js (react components and pages). In example for starter-project version it would take +/- 1GB
The another method, You can build on your local computer, then after complete just push the project including build/ folder to the production server. So no need to build in cloud server/production hosting.
i removed node_modules and package-lock.json and i run npm install
I think just remove node_modules, removing package-lock.json will make auto adjust some packages and might some dependencies version not match. If any error installation You can rollback the original package-lock.json.
ok, im verify with devops about ram memory.
after run npm start
> boss_ultimate@2.0.2 start > cross-env NODE_ENV=development node server
node:internal/modules/cjs/loader:998 throw err; ^
Error: Cannot find module ‘webpack’ Require stack: - /home/ubuntu/valuezreact/internals/webpack/webpack.dev.babel.js - /home/ubuntu/valuezreact/server/middlewares/frontendMiddleware.js - /home/ubuntu/valuezreact/server/index.js at Function.Module._resolveFilename (node:internal/modules/cjs/loader:995:15) at Function.Module._load (node:internal/modules/cjs/loader:841:27) at Module.require (node:internal/modules/cjs/loader:1067:19) at require (node:internal/modules/cjs/helpers:103:18) at Object.<anonymous> (/home/ubuntu/valuezreact/internals/webpack/webpack.dev.babel.js:8:17) at Module._compile (node:internal/modules/cjs/loader:1165:14) at Object.Module._extensions..js (node:internal/modules/cjs/loader:1219:10) at Module.load (node:internal/modules/cjs/loader:1043:32) at Function.Module._load (node:internal/modules/cjs/loader:878:12) at Module.require (node:internal/modules/cjs/loader:1067:19) { code: ‘MODULE_NOT_FOUND’, requireStack: [ ’/home/ubuntu/valuezreact/internals/webpack/webpack.dev.babel.js’, ’/home/ubuntu/valuezreact/server/middlewares/frontendMiddleware.js’, ’/home/ubuntu/valuezreact/server/index.js’ ] }
after run npm run build, the error is displayed instantly without displaying any kind of progress.
using package-lock.json original.
valuez-app ~/valuezreact on Login-Front !59794 ?2 ll
total 1.3M
drwxrwxr-x 11 ubuntu ubuntu 4.0K Jan 10 17:55 app
rw-rw-r- 1 ubuntu ubuntu 723 Jan 10 17:55 babel.config.js
drwxrwxr-x 6 ubuntu ubuntu 4.0K Jan 11 22:38 internals
rw-rw-r- 1 ubuntu ubuntu 1.3M Jan 12 16:16 package-lock.json
rw-rw-r- 1 ubuntu ubuntu 8.9K Jan 12 15:29 package.json
rw-rw-r- 1 ubuntu ubuntu 169 Jan 10 17:56 postcss.config.js
drwxrwxr-x 4 ubuntu ubuntu 4.0K Jan 12 15:06 public
drwxrwxr-x 3 ubuntu ubuntu 4.0K Jan 11 21:23 server
valuez-app ~/valuezreact on Login-Front !59794 ?2 npm install
npm WARN deprecated mini-create-react-context@0.4.1: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.
npm WARN deprecated react-scroll-parallax@2.4.3: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
npm WARN deprecated @material-ui/system@4.12.1: You can now upgrade to @mui/system. See the guide: https://mui.com/guides/migration-v4/
npm WARN deprecated @material-ui/styles@4.11.4: You can now upgrade to @mui/styles. See the guide: https://mui.com/guides/migration-v4/
npm WARN deprecated @material-ui/lab@4.0.0-alpha.60: You can now upgrade to @mui/lab. See the guide: https://mui.com/guides/migration-v4/
npm WARN deprecated core-js@3.21.1: core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.
npm WARN deprecated core-js-pure@3.21.1: core-js-pure@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js-pure.
npm WARN deprecated @material-ui/core@4.12.3: You can now upgrade to @mui/material. See the guide: https://mui.com/guides/migration-v4/
npm WARN deprecated @material-ui/icons@4.11.2: You can now upgrade to @mui/icons. See the guide: https://mui.com/guides/migration-v4/
> boss_ultimate@2.0.2 preinstall > npm run npmcheckversion
> boss_ultimate@2.0.2 npmcheckversion > node ./internals/scripts/npmcheckversion.js
> boss_ultimate@2.0.2 postinstall > npm run build:dll
> boss_ultimate@2.0.2 build:dll > node ./internals/scripts/dependencies.js
added 674 packages, and audited 675 packages in 27s
106 packages are looking for funding run `npm fund` for details
4 vulnerabilities (3 high, 1 critical)
To address all issues, run: npm audit fix
Run `npm audit` for details. valuez-app ~/valuezreact on Login-Front !6666 ?2 npm run build:dll
> boss_ultimate@2.0.2 build:dll > node ./internals/scripts/dependencies.js
valuez-app ~/valuezreact on Login-Front !6666 ?2 npm run build
> boss_ultimate@2.0.2 prebuild > npm run build:clean
> boss_ultimate@2.0.2 build:clean > npx rimraf ./build
> boss_ultimate@2.0.2 build > cross-env NODE_ENV=production webpack—config internals/webpack/webpack.prod.babel.js—color—progress
node:events:491 throw er; // Unhandled ‘error’ event ^
Error: spawn webpack ENOENT at Process.ChildProcess._handle.onexit (node:internal/child_process:285:19) at onErrorNT (node:internal/child_process:485:16) at processTicksAndRejections (node:internal/process/task_queues:83:21) Emitted ‘error’ event on ChildProcess instance at: at Process.ChildProcess._handle.onexit (node:internal/child_process:291:12) at onErrorNT (node:internal/child_process:485:16) at processTicksAndRejections (node:internal/process/task_queues:83:21) { errno: -2, code: ‘ENOENT’, syscall: ‘spawn webpack’, path: ‘webpack’, spawnargs: [ ‘—config’, ‘internals/webpack/webpack.prod.babel.js’, ‘—color’, ‘—progress’ ] } valuez-app ~/valuezreact on Login-Front !6666 ?2 npm start
> boss_ultimate@2.0.2 start > cross-env NODE_ENV=development node server
node:internal/modules/cjs/loader:998 throw err; ^
Error: Cannot find module ‘webpack’ Require stack: - /home/ubuntu/valuezreact/internals/webpack/webpack.dev.babel.js - /home/ubuntu/valuezreact/server/middlewares/frontendMiddleware.js - /home/ubuntu/valuezreact/server/index.js at Function.Module._resolveFilename (node:internal/modules/cjs/loader:995:15) at Function.Module._load (node:internal/modules/cjs/loader:841:27) at Module.require (node:internal/modules/cjs/loader:1067:19) at require (node:internal/modules/cjs/helpers:103:18) at Object.<anonymous> (/home/ubuntu/valuezreact/internals/webpack/webpack.dev.babel.js:8:17) at Module._compile (node:internal/modules/cjs/loader:1165:14) at Object.Module._extensions..js (node:internal/modules/cjs/loader:1219:10) at Module.load (node:internal/modules/cjs/loader:1043:32) at Function.Module._load (node:internal/modules/cjs/loader:878:12) at Module.require (node:internal/modules/cjs/loader:1067:19) { code: ‘MODULE_NOT_FOUND’, requireStack: [ ’/home/ubuntu/valuezreact/internals/webpack/webpack.dev.babel.js’, ’/home/ubuntu/valuezreact/server/middlewares/frontendMiddleware.js’, ’/home/ubuntu/valuezreact/server/index.js’ ] }
dont work, working only my localhost. but in aws dont work
in localhost this template working
gale@gale-A520M-DS3H:/Downloads/valuez/boss-ultimate$ npm install npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details. npm WARN deprecated react-scroll-parallax@2.4.3: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info. npm WARN deprecated querystring@0.2.1: The querystring API is considered Legacy. new code should use the URLSearchParams API instead. npm WARN deprecated mini-create-react-context@0.4.1: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info. npm WARN deprecated core-js@3.21.1: core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js. npm WARN deprecated core-js-pure@3.21.1: core-js-pure@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js-pure. npm WARN deprecated @material-ui/styles@4.11.4: You can now upgrade to @mui/styles. See the guide: https://mui.com/guides/migration-v4/ npm WARN deprecated @material-ui/system@4.12.1: You can now upgrade to @mui/system. See the guide: https://mui.com/guides/migration-v4/ npm WARN deprecated @material-ui/lab@4.0.0-alpha.60: You can now upgrade to @mui/lab. See the guide: https://mui.com/guides/migration-v4/ npm WARN deprecated @material-ui/core@4.12.3: You can now upgrade to @mui/material. See the guide: https://mui.com/guides/migration-v4/ npm WARN deprecated @material-ui/icons@4.11.2: You can now upgrade to @mui/icons. See the guide: https://mui.com/guides/migration-v4/
> boss_ultimate@2.0.2 preinstall > npm run npmcheckversion
> boss_ultimate@2.0.2 npmcheckversion > node ./internals/scripts/npmcheckversion.js
> boss_ultimate@2.0.2 postinstall > npm run build:dll
> boss_ultimate@2.0.2 build:dll > node ./internals/scripts/dependencies.js
Building the Webpack DLL… Happy[js]: Version: 5.0.1. Threads: 5 (shared pool) Happy[js]: All set; signaling webpack to proceed. asset reactBoilerplateDeps.dll.js 32.8 MiB emitted (name: reactBoilerplateDeps) 10540 modules
WARNING in ./node_modules/moment/dist/moment.js 2096:12-46 Module not found: Error: Can’t resolve ’../../locale’ in ’/home/gale/Downloads/valuez/boss-ultimate/node_modules/moment/dist’ @ ./node_modules/chart.js/dist/Chart.js 8:114-131 @ dll reactBoilerplateDeps reactBoilerplateDeps17
1 warning has detailed information that is not shown. Use ‘stats.errorDetails: true’ resp. ‘—stats-error-details’ to show it.
webpack 5.69.1 compiled with 1 warning in 10690 ms
added 1573 packages, and audited 1574 packages in 37s
226 packages are looking for funding run `npm fund` for details
17 vulnerabilities (1 moderate, 13 high, 3 critical)
To address issues that do not require attention, run: npm audit fix
To address all issues (including breaking changes), run: npm audit fix—force
Run `npm audit` for details. gale@gale-A520M-DS3H:/Downloads/valuez/boss-ultimate$ npm start
> boss_ultimate@2.0.2 start > cross-env NODE_ENV=development node server
Happy[js]: Version: 5.0.1. Threads: 5 (shared pool) Server started ! ✓
Access URLs:
Localhost: http://localhost:8080 LAN: http://192.168.0.12:8080
Press CTRL-C to stop Webpack is building script…
Happy[js]: All set; signaling webpack to proceed. [webpack-dev-middleware] wait until bundle finished: / webpack built faea633c7816a0e6ec74 in 9282ms ERROR in ./app/containers/Layouts/demos/index.js 25:0-37 Module not found: Error: Can’t resolve ’./WithWidth’ in ’/home/gale/Downloads/valuez/boss-ultimate/app/containers/Layouts/demos’ @ ./app/containers/Layouts/Grid.js 8:0-95 39:84-94 45:84-93 51:84-92 57:84-95 72:84-94 83:84-94 @ ./app/containers/pageListAsync.js 65:9-33 @ ./app/containers/App/Auth.js 4:0-155 9:15-20 12:15-22 15:15-22 18:15-23 21:15-25 24:15-25 27:15-28 30:15-25 33:15-26 36:15-25 38:15-23 @ ./app/containers/App/index.js 5:0-26 23:15-19 @ ./app/app.js 17:0-33 55:38-41 64:50-67:3 64:2-67:4
webpack compiled with 1 error
For Error: Cannot find module ‘webpack’ Require stack: - I think some dependencies not downloaded or installed correctly, because it must be webpack/ folder in node_modules.
I just try to run this template, but I still can’t reproduce the issue. I’m using node v16. Does the issue occur in local development?
And for rimraf it’s used for remove build/ folder, you try can remove "prebuild": "npm run build:clean", in package.json, but then need to remove the build/ folder (if any) before npm run build.
Ok, I’ll figure it out for aws issue. And let you know soon.
The another method, You can build on your local computer, then after complete just push the project including build/ folder to the production server. So no need to build in cloud server/production hosting.
And with this method it able to host as static site without webpack to run, just node with npm serve serve buildfolder -p [port] -s example: serve build -p 1234 -s
I tried to rename webpack folder with webpackxxx and finally can reproduce this issue https://ibb.co/NYK5VBz https://ibb.co/WyWsGzx
So it mean the webpack doesn’t exist in the server, I’m not sure why. Please try to install manually npm install webpack@5.69.1 and make sure the webpack exist in node_modules/ folder
yes, we are using nginx with apache2 and server build folder for public
in text
gale@gale-A520M-DS3H:~/valuezreact$ npm start
> boss_ultimate@2.0.2 start > cross-env NODE_ENV=development node server
Happy[js]: Version: 5.0.1. Threads: 5 (shared pool) Server started ! ✓
Access URLs:
Localhost: http://localhost:8080 LAN: http://192.168.0.12:8080
Press CTRL-C to stop Webpack is building script…
Happy[js]: All set; signaling webpack to proceed. webpack built f0b20b47508af78f68e1 in 691ms ERROR in ./app/app.js Module build failed (from ./node_modules/happypack/loader.js): Error: error:0308010C:digital envelope routines::unsupported at new Hash (node:internal/crypto/hash:71:19) at Object.createHash (node:crypto:133:10) at filename (/home/gale/valuezreact/node_modules/babel-loader/lib/cache.js:94:23) at /home/gale/valuezreact/node_modules/babel-loader/lib/cache.js:122:39 at Generator.next (<anonymous>) at asyncGeneratorStep (/home/gale/valuezreact/node_modules/babel-loader/lib/cache.js:3:103) at _next (/home/gale/valuezreact/node_modules/babel-loader/lib/cache.js:5:194) at /home/gale/valuezreact/node_modules/babel-loader/lib/cache.js:5:364 at new Promise (<anonymous>) at /home/gale/valuezreact/node_modules/babel-loader/lib/cache.js:5:97
webpack compiled with 1 error
That because node v18, in package json please add NODE_OPTIONS=—openssl-legacy-provider in start and build script:
"start": "cross-env NODE_ENV=development NODE_OPTIONS=--openssl-legacy-provider node server", "build": "cross-env NODE_ENV=production NODE_OPTIONS=--openssl-legacy-provider webpack --config internals/webpack/webpack.prod.babel.js --color --progress",
Or you can use node v16. I will make a patch for node 18 next week.
Regards.
all right
hey, patch is done? (I will make a patch for node 18 next week)
yes, you can download in your envato dashboard.
Where is the changelog? How to update the template?
Changelog is in the docs you can adjust manualy the changes https://github.com/ilhammeidi/boss-starter/commit/d98d84360dc608bba325e3c2d8cfe1053658c7a8#diff-7ae45ad102eab3b6d7e7896acd08c427a9b25b346470d7bc6507b6481575d519
After I ran `npm start` I got this error:
guillermo.ortiz@Guillermos-MBP boss-ultimate % npm start
> boss_ultimate@2.0.2 start > cross-env NODE_ENV=development node server
Happy[js]: Version: 5.0.1. Threads: 5 (shared pool) Server started ! ✓
Access URLs:
Localhost: http://localhost:8080 LAN: http://192.168.254.50:8080
Press CTRL-C to stop Webpack is building script…
Happy[js]: All set; signaling webpack to proceed. webpack built 5c2bb4f662df176f9604 in 1610ms ERROR in ./app/app.js Module build failed (from ./node_modules/happypack/loader.js): Error: error:0308010C:digital envelope routines::unsupported at new Hash (node:internal/crypto/hash:71:19) at Object.createHash (node:crypto:133:10) at filename (/Users/guillermo.ortiz/development/boss-ultimate_v202/boss-ultimate/node_modules/babel-loader/lib/cache.js:94:23) at /Users/guillermo.ortiz/development/boss-ultimate_v202/boss-ultimate/node_modules/babel-loader/lib/cache.js:122:39 at Generator.next (<anonymous>) at asyncGeneratorStep (/Users/guillermo.ortiz/development/boss-ultimate_v202/boss-ultimate/node_modules/babel-loader/lib/cache.js:3:103) at _next (/Users/guillermo.ortiz/development/boss-ultimate_v202/boss-ultimate/node_modules/babel-loader/lib/cache.js:5:194) at /Users/guillermo.ortiz/development/boss-ultimate_v202/boss-ultimate/node_modules/babel-loader/lib/cache.js:5:364 at new Promise (<anonymous>) at /Users/guillermo.ortiz/development/boss-ultimate_v202/boss-ultimate/node_modules/babel-loader/lib/cache.js:5:97
webpack compiled with 1 error
As a work around I needed to do
export NODE_OPTIONS=—openssl-legacy-provider
as explained here: https://stackoverflow.com/questions/69692842/error-message-error0308010cdigital-envelope-routinesunsupportedCan you fix the project so that it works without this workaround? Using the openssl legacy provider is a security risk.
Hi, ok I will find better solution and update it soon.
Hello.
I purchased and downloaded your template and when I extract and do an “npm install” it gives errors about resolving dependencies (see below). If I do a force in the install it seems to work but that is not ideal. Is there a way to resolve this or is there a particular npm version that should be used? (I am using the latest LTS version for Windows)
Thanks
PS C:\aa\boss-ultimate_v201\starter-project> npm install
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: frontend-collective-react-dnd-scrollzone@1.0.2
npm WARN Found: react-dnd@11.1.3
npm WARN node_modules/react-dnd
npm WARN react-dnd@”11.1.3” from mui-datatables@3.8.5
npm WARN node_modules/mui-datatables
npm WARN mui-datatables@”3.8.2” from the root project
npm WARN 1 more (react-sortable-tree)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react-dnd@”7.3.0” from frontend-collective-react-dnd-scrollzone@1.0.2
npm WARN node_modules/frontend-collective-react-dnd-scrollzone
npm WARN frontend-collective-react-dnd-scrollzone@”1.0.2” from react-sortable-tree@2.8.0
npm WARN node_modules/mui-datatables/node_modules/react-sortable-tree
npm WARN
npm WARN Conflicting peer dependency: react-dnd@7.7.0
npm WARN node_modules/react-dnd
npm WARN peer react-dnd@”7.3.0” from frontend-collective-react-dnd-scrollzone@1.0.2
npm WARN node_modules/frontend-collective-react-dnd-scrollzone
npm WARN frontend-collective-react-dnd-scrollzone@”1.0.2” from react-sortable-tree@2.8.0
npm WARN node_modules/mui-datatables/node_modules/react-sortable-tree
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: optimize-css-assets-webpack-plugin@6.0.1
npm ERR! Found: webpack@5.69.1
npm ERR! node_modules/webpack
npm ERR! dev webpack@”5.69.1” from the root project
npm ERR! peer webpack@”4.x.x || 5.x.x” from @webpack-cli/configtest@1.1.1
npm ERR! node_modules/@webpack-cli/configtest
npm ERR! webpack-cli/configtest“1.0.4” from webpack-cli@4.7.2
npm ERR! node_modules/webpack-cli
npm ERR! dev webpack-cli@”4.7.2” from the root project
npm ERR! 3 more (@webpack-cli/configtest, @webpack-cli/info, @webpack-cli/serve)
npm ERR! 17 more (add-asset-html-webpack-plugin, babel-loader, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer webpack@”4.0.0” from optimize-css-assets-webpack-plugin@6.0.1
npm ERR! node_modules/optimize-css-assets-webpack-plugin
npm ERR! optimize-css-assets-webpack-plugin@”6.0.1” from the root project
npm ERR!
npm ERR! Conflicting peer dependency: webpack@4.46.0
npm ERR! node_modules/webpack
npm ERR! peer webpack@”4.0.0” from optimize-css-assets-webpack-plugin@6.0.1
npm ERR! node_modules/optimize-css-assets-webpack-plugin
npm ERR! optimize-css-assets-webpack-plugin@”^6.0.1” from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with—force, or—legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\JLawrie\AppData\Local\npm-cache\eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\JLawrie\AppData\Local\npm-cache\_logs\2022-10-14T13_07_38_733Z-debug-0.log
Hi jlawrie,
Thanks for purchasing.
- Please do not remove the package-lock.json and don’t run npm run audit fix. If it was, please rollback both files, remove node_modules/ folder and npm install again
- If still any deprecated error like that, please remove the package in package.json first, then run npm install. After that, install that package later with option—legacy-peer-deps.
Example npm install file-loader@3.0.1 --legacy-peer-deps And example for multiple package npm install optimize-css-assets-webpack-plugin@6.0.1 react-animated-slider@2.0.0 --legacy-peer-deps
I will update this template when those dependencies have new versions.
Hope this can help.
Regards.
HEllo, i want to buy your admin template, before that i have few doubts,
1. can i use functional components instead of class component. 2. i want to use hooks. 3. can i deploye it on the apache server after building with ‘npm run build’ and copying the build folder to public html directory of my server ?
Hi akshayawasthi3,
This template already use react hooks with functional components. Feel free to try the starter-project and check the online docs.
- https://github.com/ilhammeidi/boss-starter
- https://ilhammeidi.github.io/boss-docs
You can also deploy it as static site. After npm run build it will create build/ folder then copy to your server. This demo also generated as static site and deployed to netlify.
Regards.
Hi, I have an issue while using the CrudTableDemo.js component. I have used the state variable to manage the table data, but after setting the state variable by the response from API the table data is not updating. Thanks.
Hi matekk,
Thanks for purchasing.
Please try to render the CrudTable after response fetched completely, in example:
{dataLoaded && (
<CrudTable dataInit={dataApi} {...otherProps} />
)}
Or fill the dataInit with condition
<CrudTable dataInit={dataLoaded ? dataApi : []} {...otherProps} />
Also you can debug the data in reducer app/redux/modules/crudTable.js in case `${branch}/${FETCH_DATA}`:
Hope this can help. Feel free if you have any further queries.
Regards.
How do I host my project on my remote server?
Hi hellenuhuru,
Thanks for purchasing.
For deployment please follow the docs https://ilhammeidi.github.io/boss-docs/#run
Regards.
Dear, I want to ask about this template, If I buy this template, Can you detail about term condition and License
Hi latenpay,
Thanks for visiting my portfolio.
Here’s the terms and license https://themeforest.net/licenses/standard?license=regular&_ga=2.133402506.584961249.1627459995-1575127416.1595920861Also before buy please check the product descriptions ,online docs and sample-project.
Regards.
I’m really confused how to implement Rest API on this template. How to change all these API file with Rest API I have. Please guide me with tutorial or Reference where should I learn?
Hi flaztheme,
Umtuk membuat APi, confignya ada di server/index.js, silahkan buat app.use yg baru. Bila sudah ada api dari server lain untuk fetchnya bisa menggunakan useEffect atau compomentDidMount. https://medium.com/@ri7nz/3-cara-fetch-data-di-reactjs-aaa064ccf5e9
Maaf saya tidak bisa response dengan cepat karena sedang di perjalanan dan ada urusan keluarga dan akan online lagi senin.
Thanks.
Untuk backend nya saya menggunakan Laravel, apakah config nya akan berbeda? Terima kasih atas tanggapannya, saya coba pelajari dulu.
Hi flaztheme,
Selama output apinya format json, harusnya tidak ada config yang berbeda untuk backend apapun.
Salam.
Hi flaztheme,
Terimakasih telah membeli.
Untuk axios atau fetch tidak bisa disimpan di luar scope func, class atau const, karena perlu event untuk, seperti onclick, componentDidMoint, useEffect, dll. Jadi perlu disimpan di dalam setiap komponennya
Agar bisa d simpan secara global sebaiknya disimpan di parent container/compoment dan dikirim via props ke setiap child component datanya.
Atau bisa juga di simpan di reducer agar bisa di panggil oleh component manapun.
Salam.
Eh ternyata pakai Bahasa Indonesia, gak lihat-lihat profile nya ternyata seduluran 
Terima kasih telah merespon. Salah kenal, boleh saya minta pertemanan di FB, ada yang harus saya konsultasikan.
Hi flaztheme,
Saya tidak punya FB untuk social media paling linkedin sama behance atau contact melalui private message/email di page profile https://themeforest.net/user/ilhammeidi
Hello! I want to know if, by any chance, you have a typescript version of this theme or you have this on the roadmap. Thanks in advance!
Hi aborra-sinapsis,
Thanks for purchasing.
Unfortunately I don’t have typescript version. I’m not sure about planning to create typescript version, because that’s not my expertise.
Feel free if you have any further queries.
Regards.
What is the Procedure to get the full source code of the Boss-Ux react application?
1.If I buy the product can I get the full source code and Help while installing? 2. What is the cost of Full Source code? 3. Can I make changes according the my application or requirements?
Where can I add the rest API call, can you please provide the documentation for that? Do you have any particular structure followed for it?
Hi SunilGudivada,
To add api in server, you can put in server/index.js then use app.use for your api. Here is the guide might can help you https://medium.com/@onejohi/building-a-simple-rest-api-with-nodejs-and-express-da6273ed7ca9.
Hope this can help. Feel free if you have any further queries.
Regards.
I have my API Created in Flask. I have to call that API. Can you please Guide me where can i add that in the Current Framework. Do you follow any proper structure for that ?
Hi SunilGudivada,
We’re not really familiar with flusk, anyway we got some refference https://towardsdatascience.com/build-a-react-flask-app-that-suggests-novel-novels-with-a-python-graph-9491e714bbdf And here’s the sample source https://github.com/franckjay/GoodReadsGraph?files=1
In the short resume you can embed the react project in flask project. As long as the both project has same port, the API can be called in component by use componentDidMount or use useEffect.
Hope this can help.
Regards.
Hello team
In the Chat UI app, there is some event streaming going on. what is that event streaming ?
Hi SunilGudivada,
Thanks for purchasing.
For that issue, we didn’t put code about event streaming in any code and pages. So if you find something like maybe come from 3rd party browser extension that inject html ot javascript.
Feel free if you have any further queries.
Regards.
Hi, How can I use material icons offline, without relying on <link href=”https://fonts.googleapis.com/icon?family=Material+Icons” rel=”stylesheet”> ?
Hi wmususwa,
Thanks for purchasing.
To host material icons offline, please
Download the latest release from github (assets: zip file), unzip, and copy the iconfont folder, containing the material design icons files, into your local project—https://github.com/google/material-design-icons/releases
You only need to use the iconfont/ folder from the archive: it contains the icons fonts in the different formats (for multiple browser support) and boilerplate css.
Replace the source in the url attribute of @font-face, with the relative path to the iconfont folder in your local project, (where the font files are located) eg. url( “iconfont/MaterialIcons-Regular.ttf”)
And here’s the discussion detail about it https://stackoverflow.com/questions/37270835/how-to-host-material-icons-offline
Hope this can help and Feel free if you have any further queries.
Regards.
Hello Sir, i bought this template but i am confused how to set it up
Hi Supathinker,
Thanks for purchasing.
For setup guide already in documentation. Boss-ultimate_v160/documentation/index.html
In a short way, first run npm install then run npm start
Feel free if you have any further queries.
Regards.
Hi, What are the steps to follow to test the developing template. I have purchased and do not know where to start configuring the theme. Could you tell me what commands to run in npm? Thank you
Hi marcelogracia,
Thanks for purchasing.
For installation until deployment already in documentation folders. And here’s the resume for Installation and Running App - Connect to the internet - Install NodeJs from NodeJs Official Page - Unzip the Dandelion Pro file to a folder in your computer - Open Terminal - Go to your file project (wher - run npm install to install - npm run build:dll (if needed) - run npm start to start the termplate
Feel free if you have any further queries.
Regards.
- Does this template uses cra (create react app)
- Wich version of React and Material UI this template uses?
- How does the license works?
Hi JuanmaMenendez,
Thanks for visiting ourt portfolio.
- This template not use CRA, this use react-boilerplate
- This use material-ui v3.9.0
- And here’s the license detail https://themeforest.net/licenses/standard
Regards
Hi, I bought the template, and I’m having trouble starting it. The server does not appear when running the npm start command. I would like to ask you if you can send me an older version of the project without nodeJs, just with the project in react. It could be Version 1.1 – 28 Jul 2018. Thanks.
Hi marcosrs1003,
About npm start issue, may we know if there any errors?
As our answer previously, we only have react with node server, even for old version. We can send the previous version, you’d like. Just send your gmail to our profile message https://themeforest.net/user/ilhammeidi We’ll share via gdrive.
Feel free if you have any further queries.
Regards.
Yes, I also use node to develop the front, but in this latest version of the template, I saw that I had a server for Json. You can send me to marcosradio@gmail.com. Thanks
Hi marcosrs1003,
We just share the Boss Ultimate v.11 to you. And about the server for JSON, I guess what you mean is api for docs and icon in server/index.js.
You can avoid this by remove the <SourceReader /> components usage in every containers. For the instant way in /app/components/SourceReader/SourceReader.js just replace the render with
return ( <div> </div> );
And for the icons, it’s optional you can exclude or remove app/containers/UiElements/Icons.js and the routing as well /app/containers/App/Application.js
Hope this can help.
Regard.
Hello, I bought the template, but I would like to know if there is a simpler version without node server, just with the template in react. The data can be really static because I will use my webserver.
Hi marcosrs1003,
Thanks for purchasing,
We only have react with node server. If you have own system or webserver, you can take out the react components and attach to your system.
Components: app/components
Containers: app/containers
Styling: app/styles.
For alias config (ba-components, ba-api, etc): /internals/webpack/webpack.base.babel.js
Feel free if you have any further queries.
Regards.
