Django Webpack React: Plugin/Preset files are not allowed to export objects, only functions

137 views
Skip to first unread message

Fendy Pierre

unread,
Nov 28, 2019, 12:38:22 AM11/28/19
to Django REST framework
I'm trying to configure my react with django. 

but for some reason whenever I try to `npm run start` I get this error: 
`Plugin/Preset files are not allowed to export objects, only functions. In ../../node_modules/babel-preset-react/lib/index.js `
I've tried:
` npm  install @babel/preset-react` `npm install babel-preset-react --save-dev  ` `npm install -D babel-loader @babel/core @babel/preset-env webpack` but did nothing.

Django version: 2.2.6

Webpack config:

    var path = require('path');
    var webpack = require('webpack');
    var BundleTracker = require('webpack-bundle-tracker');
    module.exports = {
      entry:  path.join(__dirname, 'assets/src/js/index'),
      output: {
        path: path.join(__dirname, 'assets/dist'),
        filename: '[name]-[hash].js'
      },
      plugins: [
        new BundleTracker({
          path: __dirname,
          filename: 'webpack-stats.json'
        }),
      ],
      module: {
          rules: [
            {
              test: /\.jsx?$/,
              loader: 'babel-loader',
              exclude: /node_modules/,
              options: {
                 presets: ['react']
              }
            },
          ],
        },
    }

settings:

    WEBPACK_LOADER = {
        'DEFAULT': {
            'BUNDLE_DIR_NAME': 'dist/',
            'STATS_FILE': os.path.join(BASE_DIR, 'webpack-stats.json'),
        }
    }

.babelrc:

    {
        "presets": [
          "es2015", "react"
        ]
    }

package.json:

    {
      "name": "collegeapp",
      "version": "1.0.0",
      "description": "",
      "main": "index.js",
      "scripts": {
        "test": "echo \"Error: no test specified\" && exit 1",
        "start": "./node_modules/.bin/webpack --config webpack.config.js",
        "watch": "npm run start -- --watch"
      },
      "repository": {
        "type": "git",
        "url": "git+https://github.com/FendyPierre/collegeapp.git"
      },
      "author": "",
      "license": "ISC",
      "bugs": {
        "url": "https://github.com/FendyPierre/collegeapp/issues"
      },
      "homepage": "https://github.com/FendyPierre/collegeapp#readme",
      "devDependencies": {
        "@babel/core": "^7.7.4",
        "@babel/preset-env": "^7.7.4",
        "babel-cli": "^6.26.0",
        "babel-core": "^6.26.3",
        "babel-loader": "^8.0.6",
        "babel-preset-env": "^1.7.0",
        "babel-preset-es2015": "^6.24.1",
        "babel-preset-react": "^6.24.1",
        "babel-register": "^6.26.0",
        "webpack": "^4.41.2",
        "webpack-bundle-tracker": "^0.4.3",
        "webpack-cli": "^3.3.10"
      },
      "dependencies": {
        "react": "^16.12.0",
        "react-dom": "^16.12.0"
      }
    }


Reply all
Reply to author
Forward
0 new messages