{"action":"created","issue":{"url":"https://api.github.com/repos/babel/babel/issues/10095","repository_url":"https://api.github.com/repos/babel/babel","labels_url":"https://api.github.com/repos/babel/babel/issues/10095/labels{/name}","comments_url":"https://api.github.com/repos/babel/babel/issues/10095/comments","events_url":"https://api.github.com/repos/babel/babel/issues/10095/events","html_url":"https://github.com/babel/babel/issues/10095","id":456181013,"node_id":"MDU6SXNzdWU0NTYxODEwMTM=","number":10095,"title":"Support for the experimental syntax 'classProperties' isn't currently enabled","user":{"login":"pat92","id":5139311,"node_id":"MDQ6VXNlcjUxMzkzMTE=","avatar_url":"https://avatars1.githubusercontent.com/u/5139311?v=4","gravatar_id":"","url":"https://api.github.com/users/pat92","html_url":"https://github.com/pat92","followers_url":"https://api.github.com/users/pat92/followers","following_url":"https://api.github.com/users/pat92/following{/other_user}","gists_url":"https://api.github.com/users/pat92/gists{/gist_id}","starred_url":"https://api.github.com/users/pat92/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/pat92/subscriptions","organizations_url":"https://api.github.com/users/pat92/orgs","repos_url":"https://api.github.com/users/pat92/repos","events_url":"https://api.github.com/users/pat92/events{/privacy}","received_events_url":"https://api.github.com/users/pat92/received_events","type":"User","site_admin":false},"labels":[{"id":440210152,"node_id":"MDU6TGFiZWw0NDAyMTAxNTI=","url":"https://api.github.com/repos/babel/babel/labels/i:%20bug","name":"i: bug","color":"e99695","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":6,"created_at":"2019-06-14T10:40:36Z","updated_at":"2019-06-16T07:41:52Z","closed_at":null,"author_association":"NONE","body":"##  Support for the experimental syntax 'classProperties' isn't currently enabled\r\n\r\nI am trying to use webpack to create bundle.js file for my react-app but getting error:-\r\n\r\n**Support for the experimental syntax 'classProperties' isn't currently enabled**\r\n\r\n**Input Code**\r\nMy webpack.config.js\r\n\r\n```js\r\nconst path = require('path');\r\n// var webpack = require('webpack');\r\n// var SyntaxDynamicImport = require('acorn-dynamic-import');\r\n// importing plugins that do not come by default in webpack\r\n//var ExtractTextPlugin = require('extract-text-webpack-plugin');\r\n//var DashboardPlugin = require('webpack-dashboard/plugin');\r\n\r\nmodule.exports = {\r\n    entry:  \"./src/app.js\",\r\n    output: {\r\n      filename: \"bundle.js\",\r\n      path: path.resolve(__dirname, 'dist'),\r\n    },\r\n    module: {\r\n      rules: [\r\n          {\r\n        test: /\\.js$/, // include .js files\r\n        enforce: \"pre\", // preload the jshint loader\r\n        exclude: /node_modules/, // exclude any and all files in the `node_modules folder`\r\n        use: [\r\n            {\r\n            \r\n                loader: \"babel-loader\",\r\n                options: {\r\n                    presets: [\r\n                        \"@babel/preset-env\",\r\n                        \"@babel/preset-react\"\r\n                    ],\r\n                    plugins: [\r\n                        \"@babel/plugin-syntax-dynamic-import\"\r\n                    ]\r\n                }\r\n          \r\n        },\r\n    ]}\r\n      ]\r\n    }\r\n };\r\n```\r\nMy package.json file\r\n\r\n```js\r\n{\r\n  \"name\": \"@coreui/coreui-free-react-admin-template\",\r\n  \"version\": \"2.1.2\",\r\n  \"description\": \"CoreUI React Open Source Bootstrap 4 Admin Template\",\r\n  \"author\": \"\",\r\n  \"license\": \"MIT\",\r\n  \"homepage\": \"http://mywebsite.com/relativepath\",\r\n  \"private\": true,\r\n  \"repository\": {\r\n    \"type\": \"git\",\r\n    \"url\": \"git@github.com:coreui/coreui-free-react-admin-template.git\"\r\n  },\r\n  \"dependencies\": {\r\n    \"@babel/plugin-syntax-dynamic-import\": \"^7.2.0\",\r\n    \"@coreui/coreui\": \"^2.1.1\",\r\n    \"@coreui/coreui-plugin-chartjs-custom-tooltips\": \"^1.2.0\",\r\n    \"@coreui/icons\": \"0.3.0\",\r\n    \"@coreui/react\": \"^2.1.1\",\r\n    \"@material-ui/core\": \"^3.8.2\",\r\n    \"@opuscapita/react-responsive-navbar\": \"^3.2.2\",\r\n    \"ag-grid\": \"^18.1.2\",\r\n    \"ag-grid-community\": \"^19.1.4\",\r\n    \"ag-grid-react\": \"^19.1.2\",\r\n    \"babel-preset-es2015\": \"^6.24.1\",\r\n    \"babel-preset-react\": \"^6.24.1\",\r\n    \"bootstrap\": \"^4.1.3\",\r\n    \"chart.js\": \"^2.7.3\",\r\n    \"classnames\": \"^2.2.6\",\r\n    \"core-js\": \"^2.5.7\",\r\n    \"counterpart\": \"^0.18.6\",\r\n    \"enzyme\": \"^3.7.0\",\r\n    \"enzyme-adapter-react-16\": \"^1.7.0\",\r\n    \"filepond\": \"^3.5.0\",\r\n    \"flag-icon-css\": \"^3.2.1\",\r\n    \"font-awesome\": \"^4.7.0\",\r\n    \"google-translate-api\": \"^2.3.0\",\r\n    \"jquery\": \"^3.3.1\",\r\n    \"node-sass\": \"^4.10.0\",\r\n    \"prop-types\": \"^15.6.2\",\r\n    \"react\": \"^16.4.2\",\r\n    \"react-app-polyfill\": \"^0.1.3\",\r\n    \"react-autocomplete\": \"^1.8.1\",\r\n    \"react-awesome-modal\": \"^2.0.5\",\r\n    \"react-bootstrap-tabs\": \"^1.0.2\",\r\n    \"react-bootstrap-typeahead\": \"^3.2.4\",\r\n    \"react-chartjs-2\": \"^2.7.2\",\r\n    \"react-dom\": \"^16.4.2\",\r\n    \"react-dom-factories\": \"^1.0.2\",\r\n    \"react-filepond\": \"^5.0.0\",\r\n    \"react-interpolate-component\": \"^0.12.0\",\r\n    \"react-intl\": \"^2.4.0\",\r\n    \"react-loadable\": \"^5.5.0\",\r\n    \"react-modal\": \"^3.8.1\",\r\n    \"react-redux\": \"^6.0.0\",\r\n    \"react-responsive-navbar\": \"^1.0.11\",\r\n    \"react-router-config\": \"^4.4.0-beta.6\",\r\n    \"react-router-dom\": \"^4.3.1\",\r\n    \"react-scripts\": \"1.1.4\",\r\n    \"react-search-field\": \"^1.0.0\",\r\n    \"react-test-renderer\": \"^16.6.3\",\r\n    \"react-translate-component\": \"^0.15.1\",\r\n    \"reactjs-popup\": \"^1.3.2\",\r\n    \"reactstrap\": \"^6.5.0\",\r\n    \"redux\": \"^4.0.1\",\r\n    \"simple-line-icons\": \"^2.4.1\",\r\n    \"whatwg-fetch\": \"^3.0.0\"\r\n  },\r\n  \"devDependencies\": {\r\n    \"@babel/core\": \"^7.1.2\",\r\n    \"@babel/plugin-proposal-class-properties\": \"^7.1.0\",\r\n    \"@babel/preset-env\": \"^7.1.0\",\r\n    \"@babel/preset-react\": \"^7.0.0\",\r\n    \"babel-loader\": \"^8.0.6\",\r\n    \"babel-plugin-transform-class-properties\": \"^6.24.1\",\r\n    \"gh-pages\": \"^1.1.0\",\r\n    \"jshint\": \"^2.10.2\",\r\n    \"jshint-loader\": \"^0.8.4\",\r\n    \"react-scripts\": \"^2.1.1\",\r\n    \"webpack\": \"^4.8.1\",\r\n    \"webpack-cli\": \"^3.1.2\",\r\n    \"webpack-dev-server\": \"3.2.1\"\r\n  },\r\n  \"scripts\": {\r\n    \"start\": \"react-scripts start\",\r\n    \"test\": \"react-scripts test\",\r\n    \"test:debug\": \"react-scripts --inspect-brk test --runInBand\",\r\n    \"eject\": \"react-scripts eject\",\r\n    \"build\": \"webpack --mode production\"\r\n  },\r\n  \"proxy\": \"http://localhost:8080\",\r\n  \"bugs\": {\r\n    \"url\": \"https://github.com/coreui/coreui-free-react-admin-template/issues\"\r\n  },\r\n  \"eslintConfig\": {\r\n    \"extends\": \"react-app\"\r\n  },\r\n  \"browserslist\": [\r\n    \">0.2%\",\r\n    \"not dead\",\r\n    \"not ie <= 9\",\r\n    \"not op_mini all\"\r\n  ]\r\n}\r\n```\r\n\r\nMy .bablerc file\r\n\r\n```js\r\n{\r\n    \"presets\": [\"@babel/preset-env\",\"@babel/preset-react\"],\r\n    \"plugins\": [\r\n      \"@babel/transform-runtime\",\r\n      \"@babel/plugin-proposal-class-properties\"\r\n    ]\r\n  }\r\n```\r\n\r\n\r\n\r\n**Expected behavior/code**\r\nA clear and concise description of what you expected to happen (or code).\r\n\r\n**Babel Configuration (.babelrc, package.json, cli command)**\r\n\r\n```js\r\n{\r\n  \"your\": { \"config\": \"here\" }\r\n}\r\n```\r\n\r\n**Environment**\r\n- Babel version(s): [e.g. v6.0.0, v7.0.0-beta.34]\r\n- Node/npm version: [e.g. Node 8/npm 5]\r\n- OS: [e.g. OSX 10.13.4, Windows 10]\r\n- Monorepo: [e.g. yes/no/Lerna]\r\n- How you are using Babel: [e.g. `cli`, `register`, `loader`]\r\n\r\n**Possible Solution**\r\n<!--- Only if you have suggestions on a fix for the bug -->\r\n\r\n**Additional context/Screenshots**\r\n![image](https://user-images.githubusercontent.com/5139311/59503559-53100500-8ebe-11e9-90b4-dc61ba10e0b6.png)\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/babel/babel/issues/comments/502429172","html_url":"https://github.com/babel/babel/issues/10095#issuecomment-502429172","issue_url":"https://api.github.com/repos/babel/babel/issues/10095","id":502429172,"node_id":"MDEyOklzc3VlQ29tbWVudDUwMjQyOTE3Mg==","user":{"login":"pat92","id":5139311,"node_id":"MDQ6VXNlcjUxMzkzMTE=","avatar_url":"https://avatars1.githubusercontent.com/u/5139311?v=4","gravatar_id":"","url":"https://api.github.com/users/pat92","html_url":"https://github.com/pat92","followers_url":"https://api.github.com/users/pat92/followers","following_url":"https://api.github.com/users/pat92/following{/other_user}","gists_url":"https://api.github.com/users/pat92/gists{/gist_id}","starred_url":"https://api.github.com/users/pat92/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/pat92/subscriptions","organizations_url":"https://api.github.com/users/pat92/orgs","repos_url":"https://api.github.com/users/pat92/repos","events_url":"https://api.github.com/users/pat92/events{/privacy}","received_events_url":"https://api.github.com/users/pat92/received_events","type":"User","site_admin":false},"created_at":"2019-06-16T07:41:52Z","updated_at":"2019-06-16T07:41:52Z","author_association":"NONE","body":"after going through the above mentioned i updated my \r\nwebpack.config.js\r\n```\r\nconst path = require('path');\r\n// var webpack = require('webpack');\r\n// var SyntaxDynamicImport = require('acorn-dynamic-import');\r\n// importing plugins that do not come by default in webpack\r\n//var ExtractTextPlugin = require('extract-text-webpack-plugin');\r\n//var DashboardPlugin = require('webpack-dashboard/plugin');\r\n\r\nmodule.exports = {\r\n    entry:  \"./src/app.js\",\r\n    output: {\r\n      filename: \"bundle.js\",\r\n      path: path.resolve(__dirname, 'dist'),\r\n    },\r\n    module: {\r\n      rules: [\r\n          {\r\n        test: [/\\.js$/,/\\.scss$/], // include .js files\r\n        enforce: \"pre\", // preload the jshint loader\r\n        exclude: /node_modules/, // exclude any and all files in the `node_modules folder`\r\n        use: [\r\n              \r\n                { loader: \"style-loader\" }, \r\n                { loader: \"css-loader\" },\r\n                { loader: \"postcss-loader\" },\r\n                { loader: \"babel-loader\" }, \r\n                { options: {\r\n                    presets: [\r\n                        \"@babel/preset-env\",\r\n                        \"@babel/preset-react\"\r\n                    ],\r\n                    plugins: [\r\n                        \"@babel/plugin-syntax-dynamic-import\",\r\n                        \"@babel/plugin-proposal-class-properties\"\r\n                    ]\r\n                  }\r\n          \r\n                },\r\n              \r\n              ]\r\n            }\r\n      ]\r\n    }\r\n  };\r\n\r\n\r\n\r\n  \r\n\r\n\r\n\r\n\r\n```\r\n\r\n and still getting error , error log :\r\n![image](https://user-images.githubusercontent.com/5139311/59561020-4b746b80-9038-11e9-994f-d12edb21a8ab.png)\r\n\r\n"}}
{"actor":{"display_login":"pat92"}}