Skip to content

Build failed canot resolve public image #13494

@huntz20

Description

@huntz20

Versions

  • nuxt: latest
  • node: 16.11

Reproduction

https://github.com/huntz20/blog/blob/master/pages/index.vue

Additional Details

ERROR [vite]: Rollup failed to resolve import "icon/Twitter%20White.svg" from "pages/index.vue". 00:49:22
This is most likely unintended because it can break your application at runtime.
If you do want to externalize this module explicitly add it to
build.rollupOptions.external

ERROR [vite]: Rollup failed to resolve import "icon/Twitter%20White.svg" from "pages/index.vue". 00:49:22
This is most likely unintended because it can break your application at runtime.
If you do want to externalize this module explicitly add it to
build.rollupOptions.external

This is most likely unintended because it can break your application at runtime.
If you do want to externalize this module explicitly add it to
build.rollupOptions.external
at onRollupWarning (node_modules/vite/dist/node/chunks/dep-9c153816.js:39242:19)
at onwarn (node_modules/vite/dist/node/chunks/dep-9c153816.js:39020:13)
at Object.onwarn (node_modules/rollup/dist/shared/rollup.js:23129:13)
at ModuleLoader.handleResolveId (node_modules/rollup/dist/shared/rollup.js:22419:26)
at node_modules/rollup/dist/shared/rollup.js:22380:26

ERROR [!] Error: unfinished hook action(s) on exit: 00:49:22
(vite:load-fallback) load "/media/huntz/DATA/project/personal-blog/node_modules/vue-router/dist/vue-router.cjs.prod.js"
(vite:load-fallback) load "/media/huntz/DATA/project/personal-blog/pages/index.vue?macro=true"
(vite:load-fallback) load "/media/huntz/DATA/project/personal-blog/node_modules/@vueuse/head/dist/index.mjs"
(vite:load-fallback) load "/media/huntz/DATA/project/personal-blog/node_modules/ohmyfetch/dist/index.mjs"
(vite:load-fallback) load "/media/huntz/DATA/project/personal-blog/node_modules/hookable/dist/index.mjs"
(vite:load-fallback) load "/media/huntz/DATA/project/personal-blog/node_modules/nuxt3/dist/app/compat/legacy-app.mjs"
(vite:load-fallback) load "/media/huntz/DATA/project/personal-blog/node_modules/nuxt3/dist/app/composables/component.mjs"
(vite:load-fallback) load "/media/huntz/DATA/project/personal-blog/node_modules/nuxt3/dist/app/composables/asyncData.mjs"
(vite:load-fallback) load "/media/huntz/DATA/project/personal-blog/node_modules/nuxt3/dist/app/composables/hydrate.mjs"
(vite:load-fallback) load "/media/huntz/DATA/project/personal-blog/node_modules/nuxt3/dist/app/composables/state.mjs"
(vite:load-fallback) load "/media/huntz/DATA/project/personal-blog/node_modules/nuxt3/dist/app/composables/fetch.mjs"
(vite:load-fallback) load "/media/huntz/DATA/project/personal-blog/node_modules/nuxt3/dist/app/composables/cookie.mjs"
(vite:load-fallback) load "/media/huntz/DATA/project/personal-blog/node_modules/nuxt3/dist/app/composables/ssr.mjs"
(vite:load-fallback) load "/media/huntz/DATA/project/personal-blog/node_modules/nuxt3/dist/app/composables/router.mjs"
(vite:load-fallback) load "/media/huntz/DATA/project/personal-blog/node_modules/nuxt3/dist/pages/runtime/utils.mjs"
(vite:load-fallback) load "/media/huntz/DATA/project/personal-blog/node_modules/@vue/shared/dist/shared.cjs.prod.js"
(commonjs) resolveId "/icon/linkedin%20white.png" "/media/huntz/DATA/project/personal-blog/pages/index.vue"
(commonjs) resolveId "/icon/GitHub%20Logo.png" "/media/huntz/DATA/project/personal-blog/pages/index.vue"

Steps to reproduce

i add image in public folder and try to use it in my index

What is Expected?

build success

What is actually happening?

Build failed to resolve image from public

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions