Webpack: TypeError по умолчанию не является функцией - PullRequest
0 голосов
/ 30 октября 2018

Есть некоторый код, который был ранее скомпилирован с помощью Browserify / Gulp и работал нормально. Однако мы не переходим на Webpack. Компиляция активов работает нормально. Они записываются на диск, в правильную папку и т. Д.

Но это вызывает Uncaught TypeError: (0 , h.default) is not a function при посещении страницы в браузере.

Приложение является базовым приложением React.

Вот файл конфигурации Webpack ...

const { join } = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin')
const MiniCssExtractPlugin = require('mini-css-extract-plugin');

module.exports = {
  entry: {
    'assets/javascript/bundle': './javascripts/bootstrap_app.js',
    'assets/stylesheets/all': './stylesheets/all.scss'
  },
  output: {
    path: join(__dirname, 'build'),
    publicPath: '/build'
  },
  context: join(__dirname, 'client'),
  resolve: {
    extensions: ['.js', '.jsx'],
  },
  module: {
    rules: [
      {
        test: /\.(svg|woff|woff2|eot|ttf|otf)$/,
        loader: 'file-loader',
        options: {
          name: '[name].[ext]',
          outputPath: './fonts'
        }
      },
      {
        test: /\.(png|gif|jpeg|jpg|svg|ico)$/,
        loader: 'file-loader',
        options: {
          name: '[name].[ext]',
          outputPath: './assets/images'
        }
      },
      {
        test: /\.scss$/,
        use: [
          MiniCssExtractPlugin.loader,
          'css-loader',
          'resolve-url-loader',
          'sass-loader?sourceMap',
        ]
      },
      {
        test: /\.jsx?$/,
        use: 'babel-loader',
        exclude: /node_modules/
      }
    ]
  },
  plugins: [
    new HtmlWebpackPlugin({
      template: 'views/index.handlebars',
      filename: 'views/index.handlebars'
    }),
    new MiniCssExtractPlugin({
      filename: '[name].css',
    })
  ]
};

И мой .babelrc файл ..

{
  "presets": [
    "es2015",
    "react",
    "stage-0"
  ],
  "env": {
    "test": {
      "plugins": ["rewire"]
    },
    "test-cov": {
      "plugins": ["istanbul", "rewire"]
    }
  },
  "plugins": [
    "transform-function-bind",
    "transform-decorators-legacy"
  ]
}

При запуске "build": "./node_modules/webpack-cli/bin/cli.js --config ./webpack.config.js --display-error-details", все компилируется нормально. Нет сообщений об ошибках.

Но при открытии браузера я получаю следующую ошибку:

Uncaught TypeError: (0 , h.default) is not a function

Трассировка стека

bundle.js:172 Uncaught TypeError: (0 , h.default) is not a function
    at Object.<anonymous> (bundle.js:172)
    at Object.<anonymous> (bundle.js:172)
    at n (bundle.js:1)
    at Object.<anonymous> (bundle.js:172)
    at n (bundle.js:1)
    at Object.<anonymous> (bundle.js:106)
    at n (bundle.js:1)
    at Object.<anonymous> (bundle.js:106)
    at n (bundle.js:1)
    at bundle.js:1

при нажатии на первое сообщение об ошибке .. ошибка возникает где-то рядом ...

window.jQuery=u.default,(0,h.default)(u.default);

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...