Неверный объект конфигурации - Webpack

Question

Я довольно новичок в Webpack и пытаюсь использовать API Twitter в проекте. Все работает нормально, пока мне не понадобятся твиттер-зависимости и файл конфигурации. Тогда я получаю следующие сообщения об ошибках:

Can't resolve 'fs'
Can't resolve 'net'
Can't resolve 'tls'

Это мой пакет. Json

{
  "name": "webpack-4-setup",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev": "webpack --mode development",
    "build": "webpack --mode production"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "babel-core": "^6.26.3",
    "babel-loader": "^7.1.4",
    "babel-preset-env": "^1.6.1",
    "webpack": "^4.6.0",
    "webpack-cli": "^2.1.2"
  },
  "dependencies": {
    "twitter": "^1.7.1"
  }
}

config.js

module.exports = {
   consumer_key: '',
   consumer_secret: '',
   access_token_key: '',
   access_token_secret: ''
}

index.js

const Twitter = require('twitter');
const config = require('./config.js');

webpack.config.js

module.exports = {
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: "babel-loader"
        }
      }
    ]
  }
};

Я искал ответ, но не могу найти ответ, объясняющий, в чем дело. Я нашел ответ в добавлении

node: {
    net: "empty",
    tls: "empty"
}

в webpack.config, но это дает еще одну ошибку: Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.

Может кто-нибудь объяснить, что я делаю не так и что здесь происходит? Я был бы очень благодарен!

структура файла проекта:

project
-dist
---main.js
-index.html
-node_modules
-package-lock.json
-package.json
-src
---config.js
---index.js
-webpack.config.js