Uncaught TypeError: fs.readFileSync is not a function

by

The following webpack.config.js is working for me. It incorporates @also’s good idea for the brfs matcher:

var webpack = require('webpack')
var path = require('path')

module.exports = {
  entry: './app.js',
  output: { path: __dirname, filename: 'bundle.js' },
  resolve: {
    extensions: ['', '.js'],
    alias: {
      webworkify: 'webworkify-webpack',
      'mapbox-gl': path.resolve('./node_modules/mapbox-gl/dist/mapbox-gl.js')
    }
  },
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        loader: 'babel',
        exclude: /node_modules/,
        query: {
          presets: ['es2015', 'stage-0']
        }
      },
      {
        test: /\.json$/,
        loader: 'json-loader'
      },
      {
        test: /\.js$/,
        include: path.resolve(__dirname, 'node_modules/webworkify/index.js'),
        loader: 'worker'
      },
      {
        test: /mapbox-gl.+\.js$/,
        loader: 'transform/cacheable?brfs'
      }
    ]
  },
};

I have a working example that I have been keeping up to date.

More Related Contents:

  1. I’m trying to build a music and video player, is there good support available in meteor js? Pls. suggest / recommend
  2. Dynamically import images from a directory using webpack
  3. Why am I getting ReferenceError: self is not defined when I import a client-side library?
  4. Error: ‘node-sass’ version 5.0.0 is incompatible with ^4.0.0
  5. Support for the experimental syntax ‘classProperties’ isn’t currently enabled
  6. where is create-react-app webpack config and files?
  7. Publish certain information for Meteor.users and more information for Meteor.user
  8. Typescript react – Could not find a declaration file for module ”react-materialize’. ‘path/to/module-name.js’ implicitly has an any type
  9. IMAGE: You may need an appropriate loader to handle this file type
  10. React Js require ‘fs’
  11. Understanding “Not permitted. Untrusted code may only update documents by ID.” Meteor error
  12. Importing CSS files in Isomorphic React Components
  13. How to ‘transform’ data returned via a Meteor.publish?
  14. webpack can’t find module if file named jsx
  15. How should I configure create-react-app to serve app from subdirectory?
  16. Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema
  17. how to set up an inline svg with webpack
  18. Webpack 5 – Uncaught ReferenceError: process is not defined
  19. Meteor: how to search for only distinct field values aka a collection.distinct(“fieldname”) similar to Mongo’s
  20. combine react build output into single js file
  21. Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: Cannot find module ‘babel-preset-react’
  22. How to set build .env variables when running create-react-app build script?
  23. Create-React-App build – “Uncaught SyntaxError: Unexpected token
  24. How to fix “FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed – JavaScript heap out of memory” error
  25. How to use images in css with Webpack
  26. How to bundle a React app to a subdirectory on a server?
  27. Ordering of the css and js files loaded by Meteor
  28. Is there a post createUser hook in meteor when using accounts-ui package?
  29. Why is my webpack bundle.js and vendor.bundle.js so incredibly big?
  30. How to dynamically import SVG and render it inline

Leave a Comment