webpack: Webpack's Acorn Dependency Choking on JSX on Node 6.0+ (Babel-Loader Not Being Loaded Correctly?)

@lmanco You are right. And I watch the program:

LoadersList.prototype.matchObject = function matchObject(str, obj) {
    if(obj.test)
        if(!this.matchPart(str, obj.test)) return false;
    if(obj.include)
        if(!this.matchPart(str, obj.include)) return false;
    if(obj.exclude)
        if(this.matchPart(str, obj.exclude)) return false;
    return true;
};

Here, code shows that webpack will test the include. So, if the value of includeon different OS will make the result different. You can click issue#19 to learn more. At last, I recommend to replace __dirname + '/app' with path.resolve(__dirname, 'app').

Good luck 😃

I’m still getting this error regardless of what version of Node I use. I have done npm cache clean after removing node_modules and changing versions every time. Does anyone have any more information on this?

My webpack config is:

const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
  entry: [
    './app/main.jsx'
  ],
  output: {
    path: './dist',
    filename: 'bundle.js'
  },
  resolve: {
    extensions: ['', '.js', '.jsx']
  },
  devtool: 'source-map',
  devServer: {
    inline: true,
    contentBase: './dist',
    port: 8100
  },
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        loader: 'babel',
        include: './app'
      },
      {
        test: /\.less$/,
        loader: "style!css!postcss!less",
        include: './app/theme'
      }
    ]
  },
  plugins: [
    new HtmlWebpackPlugin({
      template: './app/index.html',
      filename: 'index.html',
      inject: 'body'
    })
  ]
};

My .babelrc is:

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

Any help with this would be greatly appreciated.

UPDATE:

Changing my include to __dirname + '/app' seems to have fixed this. It’s working fine with Node 6.2.2. Hopefully this might help anyone else who comes across this.

@Loopiezlol I am also using Gulp and webpack and have the same issues. Did you try adding the webpack lib into the arguments of the webpack-stream? Should look like this:

import webpackStream from 'webpack-stream';
import webpack from 'webpack';

// ...

gulp.task('main', ['lint', 'clean'], () =>
  gulp.src(paths.clientEntryPoint)
    .pipe(webpackStream(webpackConfig, webpack))
    .pipe(gulp.dest(paths.distDir)),
//    .pipe(connect.reload()),
);

Found out this can also be related to webpack-stream.

Initially, I was running webpack from my gulp file:

import webpack from 'webpack-stream';
// ...
gulp.task('main', ['lint', 'clean'], () =>
  gulp.src(paths.clientEntryPoint)
    .pipe(webpack(webpackConfig))
    .pipe(gulp.dest(paths.distDir)),
//    .pipe(connect.reload()),
);

By installing webpack as a dependency to my folder, the paths were the errors were thrown were under:

node_modules\webpack-stream\node_modules\acorn\

When switching to webpack with no gulp support (using webpack instead of webpack-stream basically) my problems were solved. Possibly because webpack-stream uses version^1.12.9?

Encountered this bug while trying to implement SendBird JavaScript library.