Error running webpack #55

Activity

1. imsamdez commented on Jul 22, 2018

   

   imsamdez

   on Jul 22, 2018

   More actions

   Here is an updated version of the module part of the webpack.config.js. You may need to change it according to your needs. It used Webpack 4.

       module: {
           rules: [
               {
                   test: /\.js?$/,
                   exclude: /(node_modules|bower_components|.vscode|.git|build)/,
                   use: {
                       loader: 'babel-loader',
                       options: {
                           presets: ['react', 'es2015', 'stage-0'],
                           plugins: ['react-html-attrs', 'transform-class-properties', 'transform-decorators-legacy']
                       }
                   }
               }
           ]
       },
   
2. jannovergara commented on Jul 27, 2018

   

   jannovergara

   on Jul 27, 2018

   Last edited by jannovergara

   Author

   More actions

   Apparently I was able to make a workaround with this:

   module: {
   rules: [
   {
   test: /.js$/,
   exclude: /node_modules/,
   use: {
   loader: "babel-loader"
   }
   },
   {
   test: /.css$/,
   use: ["style-loader", "css-loader"]
   }
   ]
   },

   But thanks for the reply! Appreciate much.
3. moonlight16 commented on Oct 18, 2018

   

   moonlight16

   on Oct 18, 2018

   More actions

   At first I was getting this error:

   Cannot read property 'babel' of undefined

   Then after following @sdubrez suggested changes here, now I'm getting this error:

   1-basic-react $ webpack
   Hash: b32ced688df0d5aea663
   Version: webpack 4.21.0
   Time: 106ms
   Built at: 10/17/2018 6:30:26 PM
           Asset     Size  Chunks             Chunk Names
   client.min.js  8.7 KiB    main  [emitted]  main
   Entrypoint main = client.min.js
   [./js/client.js] 217 bytes {main} [built] [failed] [1 error]
   
   ERROR in ./js/client.js 7:16
   Module parse failed: Unexpected token (7:16)
   You may need an appropriate loader to handle this file type.
   | 
   | const app = document.getElementById('app');
   > ReactDOM.render(<Layout/>, app);
   | 
   
   

   This is following the code in 1-basic-react tutorial