creativetimofficial / react-webpack-babel-md-tutorial

This is a Tutorial to showcase the usage of React with Webpack and Babel.
MIT License
29 stars 29 forks source link

function error after integrate v1.8 into react #4

Open superbirdgz opened 4 years ago

superbirdgz commented 4 years ago

Prerequisites

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

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.

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

einazare commented 4 years ago

Hello there, @superbirdgz ,

We'll investigate it and get back to you. In the meantime, you can change your package.json with:

{
  "name": "react-webpack-babel-md-tutorial",
  "version": "1.0.0",
  "description": "This is a Tutorial to showcase the usage of React with Webpack and Babel.",
  "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"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/creativetimofficial/react-webpack-babel-md-tutorial.git"
  },
  "keywords": [
    "react",
    "webpack",
    "babel",
    "materialdesign",
    "tutorial",
    "creativetim"
  ],
  "author": "Creative Tim <hello@creative-tim.com> (https://www.creative-tim.com)",
  "license": "MIT",
  "bugs": {
    "url": "https://github.com/creativetimofficial/react-webpack-babel-md-tutorial/issues"
  },
  "homepage": "https://github.com/creativetimofficial/react-webpack-babel-md-tutorial#readme",
  "devDependencies": {
    "@babel/core": "7.1.2",
    "@babel/node": "7.0.0",
    "@babel/plugin-proposal-class-properties": "7.1.0",
    "@babel/preset-env": "7.1.0",
    "@babel/preset-react": "7.0.0",
    "babel-loader": "8.0.4",
    "css-loader": "1.0.0",
    "eslint-config-prettier": "6.0.0",
    "eslint-plugin-prettier": "3.1.0",
    "file-loader": "2.0.0",
    "gulp": "4.0.2",
    "gulp-append-prepend": "1.0.8",
    "html-webpack-plugin": "3.2.0",
    "node-sass": "4.9.3",
    "path": "0.12.7",
    "prettier": "1.18.2",
    "sass-loader": "7.1.0",
    "style-loader": "0.23.0",
    "webpack": "4.20.2",
    "webpack-cli": "3.1.2",
    "webpack-dev-server": "3.1.9"
  },
  "dependencies": {
    "@material-ui/core": "4.3.2",
    "@material-ui/icons": "4.2.1",
    "chartist": "0.10.1",
    "classnames": "2.2.6",
    "history": "4.9.0",
    "perfect-scrollbar": "1.4.0",
    "prop-types": "15.7.2",
    "react": "16.9.0",
    "react-chartist": "0.13.3",
    "react-dom": "16.9.0",
    "react-google-maps": "9.4.5",
    "react-router-dom": "5.0.1",
    "react-scripts": "3.1.0",
    "react-swipeable-views": "0.13.3"
  },
  "optionalDependencies": {
    "@types/googlemaps": "3.37.3",
    "@types/markerclustererplus": "2.1.33",
    "ajv": "6.10.2",
    "typescript": "3.5.3"
  }
}

This will start the project, but the images won't work, and we haven't yet figured out why.

Best, Manu