title: Images not loading while building my nuxt app locally
body: <p><strong>Issue:-</strong> Images was not loading while building my nuxt app it worked well when I deployed it to netlify and in my other machine image was load correctly but one JS file did not load and it is related to one package</p>
  <p><strong>Structure</strong></p>
  <ul>
  <li>assets
  <ul>
  <li>Fonts</li>
  <li>Images</li>
  </ul>
  </li>
  <li>pages
  <ul>
  <li>index.vue</li>
  </ul>
  </li>
  <li>static
  <ul>
  <li>favicon.ico</li>
  </ul>
  </li>
  <li>vues
  <ul>
  <li>// all the components</li>
  </ul>
  </li>
  <li>.editorconfig</li>
  <li>nuxt.config.js</li>
  <li>package.json</li>
  </ul>
  <p><code>nuxt.config.js</code></p>
  <pre class="lang-js prettyprint-override"><code>export default {
    // Global page headers: https://go.nuxtjs.dev/config-head
    head: {
      title: 'test-app',
      htmlAttrs: {
        lang: 'en'
      },
      meta: [
        { charset: 'utf-8' },
        { name: 'viewport', content: 'width=device-width, initial-scale=1' },
        { hid: 'description', name: 'description', content: '' },
        { name: 'format-detection', content: 'telephone=no' }
      ],
      link: [
        { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
      ]
    },
  
    // Global CSS: https://go.nuxtjs.dev/config-css
    css: [
    ],
  
    // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
    plugins: [
    ],
    ssr: true,
    target: &quot;static&quot;,
    // Auto import components: https://go.nuxtjs.dev/config-components
    components: true,
  
    // Modules for dev and build (recommended): https://go.nuxtjs.dev/config-modules
    buildModules: [
    ],
  
    // Modules: https://go.nuxtjs.dev/config-modules
    modules: [
      // https://go.nuxtjs.dev/bootstrap
      'bootstrap-vue/nuxt',
    ],
  
    // Build Configuration: https://go.nuxtjs.dev/config-build
    build: {
      babel: {
        compact: true,
      }
    }
  }
  </code></pre>
  <p><code>package.json</code></p>
  <pre class="lang-json prettyprint-override"><code>{
    &quot;name&quot;: &quot;test-app&quot;,
    &quot;version&quot;: &quot;1.0.0&quot;,
    &quot;private&quot;: true,
    &quot;scripts&quot;: {
      &quot;dev&quot;: &quot;nuxt&quot;,
      &quot;build&quot;: &quot;nuxt build&quot;,
      &quot;start&quot;: &quot;nuxt start&quot;,
      &quot;generate&quot;: &quot;nuxt generate&quot;
    },
    &quot;dependencies&quot;: {
      &quot;@babel/polyfill&quot;: &quot;^7.11.5&quot;,
      &quot;@babel/preset-env&quot;: &quot;^7.12.17&quot;,
      &quot;bootstrap&quot;: &quot;^4.6.0&quot;,
      &quot;bootstrap-vue&quot;: &quot;^2.21.2&quot;,
      &quot;core-js&quot;: &quot;^3.15.1&quot;,
      &quot;nuxt&quot;: &quot;^2.15.7&quot;,
      &quot;mutationobserver-shim&quot;: &quot;^0.3.7&quot;,
      &quot;popper.js&quot;: &quot;^1.16.1&quot;,
      &quot;portal-vue&quot;: &quot;^2.1.7&quot;,
      &quot;vue-slick-carousel&quot;: &quot;^1.0.6&quot;
    },
    &quot;devDependencies&quot;: {
      &quot;node-sass&quot;: &quot;^6.0.1&quot;,
      &quot;sass&quot;: &quot;^1.26.11&quot;,
      &quot;sass-loader&quot;: &quot;^10.2.0&quot;,
      &quot;vue-cli-plugin-bootstrap-vue&quot;: &quot;~0.8.2&quot;
    }
  }
  </code></pre>