Webpack 4 - Module parse failed: Unexpected character '@'

Question

I recently upgraded from Webpack 3 to 4. It\'s now throwing an error:

Module parse failed: Unexpected character \'@\' You may need an appropriate lo

Answer 1

The problem was the script I was using to run Webpack did not specify the config file. This is what it should look like:

"scripts": {
  "watch": "./node_modules/.bin/webpack --watch --config webpack.dev.js",
},

I believe this was generating the @import problem because it was not loading the css-loader as without specifying the config file like above, it uses a default Webpack development config which does not include the css-loader.