GithubHelp home page GithubHelp logo

creativetimofficial / react-webpack-babel-md-tutorial Goto Github PK

View Code? Open in Web Editor NEW
29.0 3.0 30.0 5.26 MB

This is a Tutorial to showcase the usage of React with Webpack and Babel.

License: MIT License

HTML 1.26% JavaScript 95.92% CSS 2.82%

react-webpack-babel-md-tutorial's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

react-webpack-babel-md-tutorial's Issues

Routes Not working - Cannot GET /dashboard

Prerequisites

Please answer the following questions for yourself before submitting an issue.

  • [X ] I am running the latest version
  • [ X] I checked the documentation and found no answer
  • [ X] I checked to make sure that this issue has not already been filed
  • [ X] I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

Material UI dashboard should be visible

Please describe the behavior you are expecting

Current Behavior

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

Failure Information (for bugs)

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.

Steps to Reproduce

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.

  1. step 1
  2. step 2
  3. you get it...

Context

Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.

  • Device: DELL Laptop
  • Operating System: Ubuntu 18
  • Browser and Version: same issue on both browser Chrome an dFirefox the latest versions
    Chrome - Version 75.0.3770.100 (Official Build) (64-bit)
    Firefox - 68.0.2 (64-bit

Failure Logs

No error in the console. In the browser you get Cannot GET /dashboard

Please include any relevant log snippets or files here.

function error after integrate v1.8 into react

Prerequisites

Please answer the following questions for yourself before submitting an issue.

  • [v ] I am running the latest version
  • [v ] I checked the documentation and found no answer
  • [v ] I checked to make sure that this issue has not already been filed
  • I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

Please describe the behavior you are expecting
show homepage

Current Behavior

nothing shown but error shown in console
What is the current behavior?
cannot display anything

Failure Information (for bugs)

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.

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

  1. step 1
  2. step 2
  3. you get it...

Context

Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.

  • Device:
  • Operating System:
  • Browser and Version:

Failure Logs

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:
image

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"]);

problem when integrated the project with template material design

Prerequisites

Please answer the following questions for yourself before submitting an issue.

  • I am running the latest version
  • I checked the documentation and found no answer
  • I checked to make sure that this issue has not already been filed
  • I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

the website will should working when do 'npm run webpack', but shows an error in a file .css

Current Behavior

the console shows an error in file material-dashboard-react.css file located in assets/css

Failure Information (for bugs)

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.

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

  1. step 1
  2. step 2
  3. you get it...

Context

Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.

  • Device:
  • Operating System:
  • Browser and Version:

Failure Logs

Please include any relevant log snippets or files here.

can't integrate with Material v1.8.0 (new react template) just can version 1.5.0 template

Prerequisites

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)

Expected Behavior

Please describe the behavior you are expecting

Current Behavior

What is the current behavior?

Failure Information (for bugs)

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.

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

  1. step 1
  2. step 2
  3. you get it...

Context

Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.

  • Device:
  • Operating System:
  • Browser and Version:

Failure Logs

Please include any relevant log snippets or files here.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.