title: How to fix 'module not found' for audio files using file-loader? Images, CSS, and JSON are working just fine
body: <p>I'm new to building a browser game using Typescript/React/Redux/etc. and am trying to implement audio for the game. I've been attempting to import audio files in the same way I import image and json files, but so far to no avail. After adding mp3 to my webpack config using 'file-loader', I try importing a sample mp3 file I put in the same location as an image file I've been able to successfully import, but when I try to run web pack, it tells me that the mp3 module cannot be found.</p>
  
  <p>sample file</p>
  
  <pre><code>import React from "react";
  import spriteSheet from "../assets/spritesheet.gif";
  import audioFile from "../assets/pillRotate.mp3";
  
  import { Gameboard } from "./Gameboard";
  
  export class MainGameComponent extends React.Component {
      render() {
          return (
              &lt;div&gt;
                  &lt;img id="spriteSheet" src={spriteSheet} hidden={true} /&gt;
                  &lt;audio src={audioFile}&gt;&lt;/audio&gt;
                  &lt;Gameboard /&gt;
              &lt;/div&gt;
          )
      }
  }
  
  export default MainGameComponent;
  </code></pre>
  
  <p>webpack.config.js</p>
  
  <pre><code>const HtmlWebpackPlugin = require('html-webpack-plugin')
  
  module.exports = {
      entry: "./src/index.tsx",
      output: {
          filename: "bundle.js",
          path: __dirname + "/dist"
      },
  
      resolve: {
          extensions: [".ts", ".tsx", ".js"]
      },
  
      module: {
          rules: [
              { 
                  test: /\.tsx?$/, 
                  use: "awesome-typescript-loader" 
              },
              {
                  test: /\.(png|jpg|gif|mp3)$/,
                  use: 'file-loader',
              },
              {
                  test: /\.css$/i,
                  use: ['style-loader', 'css-loader'],
              },
          ]
      },
  
      plugins: [
          new HtmlWebpackPlugin({
              hash: true,
              title: 'Dr. Mario',
              template: 'index.html',
              filename: './index.html'
          })
      ]
  };
  </code></pre>
  
  <p>ERROR in [at-loader] ./src/components/MainGame.tsx:3:23 
      TS2307: Cannot find module '../assets/pillRotate.mp3'.</p>