SVG Next Error You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file

Question

I have an issue with my app, everything was working fine until i ran npm run audit fix force then when i ran my app after this i am getting the error message below related to svg file.

You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. i don't understand what went wrong.

Can someone help me, please?

package.json

{
  "name": "myskillreactapp",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "@babel/preset-env": "^7.15.8",
    "bootstrap": "^5.0.0-beta3",
    "bootstrap-dark-5": "^1.1.3",
    "font-awesome": "^4.7.0",
    "next": "^10.0.4",
    "next-images": "^1.8.1",
    "react": "17.0.2",
    "react-dom": "17.0.2",
    "react-icons": "^4.3.1",
    "react-placeholder": "^4.1.0"
  },
  "devDependencies": {
    "babel-plugin-inline-react-svg": "^2.0.1",
    "eslint": "7.32.0",
    "eslint-config-next": "^0.2.4",
    "file-loader": "^6.2.0",
    "sass": "^1.43.3"
  }
}

next-config.js

const webpack = require('webpack');

module.exports = {
  reactStrictMode: true,
  entry: './src/index.js',
  module: {
    rules: [
      //...
      {
        test: /\.(png|jp(e*)g|svg|gif)$/,
        use: [
          {
            loader: 'file-loader',
            options: {
              name: 'images/[hash]-[name].[ext]',
            },
          },
        ],
      },
    ],
  },
  //...
};

_app.js

//import 'bootstrap/dist/css/bootstrap.css';
//import '/node_modules/bootstrap/scss/bootstrap.scss';
import '../styles/globals.scss';
import '../styles/Home.module.scss';
import 'font-awesome/css/font-awesome.min.css';



function MyApp({ Component, pageProps }) {
  return <Component {...pageProps} />
}

export default MyApp

Answer 1

The got solved by running npm run audit fix force again and it reverted back to normal. hope it helps someone. Thx Leo