Есть некоторый код, который был ранее скомпилирован с помощью 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);