creativetimofficial / react-webpack-babel-md-tutorial Goto Github PK
View Code? Open in Web Editor NEWThis is a Tutorial to showcase the usage of React with Webpack and Babel.
License: MIT License
This is a Tutorial to showcase the usage of React with Webpack and Babel.
License: MIT License
Please answer the following questions for yourself before submitting an issue.
Material UI dashboard should be visible
Please describe the behavior you are expecting
The app at location localhost:8080/admin/dashboard does not start and displays "Cannot GET /dashboard" message on the browser. Same error for all other routes Cannot GET /table Cannot GET /user etc
What is the current behavior?
Not routing properly
The code expects a routes folder and an index.jsx file.
import indexRoutes from "routes/index.jsx";
However, no Routes folder or index.jsx file is available . I tried using the routes.js file in the root directory src but still the app not working
Please help provide information about the failure if this is a bug. If it is not a bug, please remove the rest of this template.
I followed all the steps your article provided. Exact steps. It should reproduce two errors 1. css error where a typo error exits and 2. the routing error
Please provide detailed steps for reproducing the issue.
Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.
No error in the console. In the browser you get Cannot GET /dashboard
Please include any relevant log snippets or files here.
Please answer the following questions for yourself before submitting an issue.
Please describe the behavior you are expecting
show homepage
nothing shown but error shown in console
What is the current behavior?
cannot display anything
Please help provide information about the failure if this is a bug. If it is not a bug, please remove the rest of this template.
Please provide detailed steps for reproducing the issue.
Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.
Please include any relevant log snippets or files here.
package.json:
{ "name": "frontend", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "webpack": "babel-node ./node_modules/webpack/bin/webpack", "start": "babel-node ./node_modules/webpack-dev-server/bin/webpack-dev-server --open" }, "keywords": [], "author": "", "license": "ISC", "devDependencies": { "@babel/core": "7.9.0", "@babel/node": "7.8.7", "@babel/plugin-proposal-class-properties": "7.8.3", "@babel/preset-env": "7.9.5", "@babel/preset-react": "7.9.4", "babel-loader": "8.1.0", "css-loader": "3.5.3", "file-loader": "6.0.0", "html-webpack-plugin": "4.2.0", "node-sass": "4.14.0", "path": "0.12.7", "sass-loader": "8.0.2", "style-loader": "1.2.1", "webpack": "4.43.0", "webpack-cli": "3.3.11", "webpack-dev-server": "3.10.3" }, "dependencies": { "@material-ui/core": "3.1.0", "@material-ui/icons": "3.0.1", "@types/googlemaps": "3.30.11", "@types/markerclustererplus": "2.1.33", "chartist": "0.10.1", "classnames": "2.2.6", "perfect-scrollbar": "1.4.0", "react": "16.13.1", "react-chartist": "0.13.1", "react-dom": "16.13.1", "react-google-maps": "9.4.5", "react-router-dom": "4.3.1", "react-swipeable-views": "0.12.15" } }
Console error:
Code with issue in CustomInput.js :
var useStyles = Object(_material_ui_core_styles__WEBPACK_IMPORTED_MODULE_3__["makeStyles"])(assets_jss_material_dashboard_react_components_customInputStyle_js__WEBPACK_IMPORTED_MODULE_9__["default"]);
Please answer the following questions for yourself before submitting an issue.
the website will should working when do 'npm run webpack', but shows an error in a file .css
the console shows an error in file material-dashboard-react.css file located in assets/css
Please help provide information about the failure if this is a bug. If it is not a bug, please remove the rest of this template.
Please provide detailed steps for reproducing the issue.
Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.
Please include any relevant log snippets or files here.
Please answer the following questions for yourself before submitting an issue.
[yes] I am running the latest version
[yes] I checked the documentation and found no answer
[yes] I checked to make sure that this issue has not already been filed
[yes] I'm reporting the issue to the correct repository (for multi-repository projects)
Please describe the behavior you are expecting
What is the current behavior?
Please help provide information about the failure if this is a bug. If it is not a bug, please remove the rest of this template.
Please provide detailed steps for reproducing the issue.
Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.
Please include any relevant log snippets or files here.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.