Ошибка: Плагин / Предустановленные файлы не могут экспортировать объекты, только функции.ReactJS - PullRequest
Новая
       16

Ошибка: Плагин / Предустановленные файлы не могут экспортировать объекты, только функции.ReactJS

0 голосов
/ 13 декабря 2018

Я уже пробовал разные версии babel и webpack, но эта проблема все та же.Это не ошибка в моем webpack.config.js?Как вы можете видеть, версия веб-пакета там низкая, может быть, она есть в версии веб-пакета, если это ошибки?

Я пробовал более низкую версию babel и все еще то же самое, я действительно не могу понять этоиз.Уже 24 часа проблема, и я все еще не могу решить эту проблему.Я хочу обновить в ReactJS версии 16.

webpack.config.js 

var path = require("path")
var webpack = require('webpack')
var BundleTracker = require('webpack-bundle-tracker')

// new WebpackDevServer(webpack(config), {

module.exports = {

  context: __dirname,
  entry: [
      'webpack-dev-server/client?http://localhost:3000',
      'webpack/hot/only-dev-server',
      './app/modules/common/index'
  ],

  output: {
      path: path.resolve('./app/static/bundles/'),
      filename: '[name]-[hash].js',
      publicPath: 'http://localhost:3000/app/static/bundles/',
       // Tell django to use this URL to load packages and not use STATIC_URL + bundle_name
  },

  plugins: [
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin(), // don't reload if there is an error
    new BundleTracker({filename: './webpack-stats.json'}),
  ],

  module: {
    loaders: [
    { test: /\.css$/, loader: "style-loader!css-loader" },
      { test: /\.(jpe?g|png|gif|svg)$/i, loader: "file-loader?name=public/icons/[name].[ext]"},
      {
        test: /\.(js|jsx)$/,
        loader: 'babel-loader',
        exclude: /node_modules/,
        query: {
            presets: ['es2015','react']
        }
    },
    ],
  },

  resolve: {
    modulesDirectories: ['node_modules', 'bower_components'],
    extensions: ['', '.js', '.jsx']
  }
}

Конфигурация Babel (.babelrc, package.json, команда cli)

package.json 

{
"devDependencies": {
"@babel/core": "^7.0.1",
"@babel/preset-env": "^7.0.0",
"@babel/preset-react": "^7.0.0",
"babel-loader": "^8.0.2",
"react-hot-loader": "^3.0.0-beta.6",
"webpack": "^1.9.8",
"webpack-bundle-tracker": "0.0.5",
"webpack-cli": "^2.1.3",
"webpack-dev-server": "^1.9.0",
"mobx-logger": "^0.5.0",
"mobx-react-devtools": "^4.2.11",
"file-loader": "^0.11.2"
"react": "^16.6.3",
"react-dom": "^16.6.3",
  },
}

.babelrc 

{
    "presets": [
        "@babel/preset-env",
        "@babel/preset-react"
    ]
}

ЭКРАН ОШИБКИ: enter image description here

1 Ответ

0 голосов
/ 17 декабря 2018

Я получил это сейчас, я изменил мой webpack.config.js 

query: { presets: [ '@babel/env', '@babel/react', ]
...