Didn't resolve at build time, it will remain unchanged to be resolved at runtime
Closed this issue · 2 comments
TiroZit commented
Hi @Applelo
While building the project it gives such messages when using in sprite view styles
"didn't resolve at build time, it will remain unchanged to be resolved at runtime"
Is this normal?
I am using my icon mixin:
// Example:
// @include icon("icon", "background or mask")
// Snippet: icon
@mixin icon($name, $mode: 'mask')
#{$mode}: url('/__spritemap#icon-#{$name}-view') center no-repeat
&::before
content: ''
display: block
width: rem(24)
height: rem(24)
margin-bottom: rem(4)
background-color: var(--color-primary-500)
mask-position: center
mask-repeat: no-repeat
mask-size: contain
@include icon("blockquote")
vite v5.0.2 building for production...
transforming (3) scripts/plugins/vanilla/index.ts
/__spritemap#icon-blockquote-view referenced in /home/tirozit/projects/frontend-template/src/styles/main.sass didn't resolve at build time, it will remain unchanged to be resolved at runtime
transforming (53) components/utils/form/InputTextarea.vue
/__spritemap#icon-checkmark-view referenced in /home/tirozit/projects/frontend-template/src/components/utils/form/InputCheckbox.vue?vue&type=style&index=0&scoped=9105ec58&lang.sass didn't resolve at build time, it will remain unchanged to be resolved at runtime
/__spritemap#icon-clip-view referenced in /home/tirozit/projects/frontend-template/src/components/utils/form/InputFile.vue?vue&type=style&index=0&lang.sass didn't resolve at build time, it will remain unchanged to be resolved at runtime
/__spritemap#icon-close-view referenced in /home/tirozit/projects/frontend-template/src/components/utils/form/InputFile.vue?vue&type=style&index=0&lang.sass didn't resolve at build time, it will remain unchanged to be resolved at runtime
/__spritemap#icon-lens-view referenced in /home/tirozit/projects/frontend-template/src/components/utils/form/InputSearch.vue?vue&type=style&index=0&lang.sass didn't resolve at build time, it will remain unchanged to be resolved at runtime
/__spritemap#icon-close-view referenced in /home/tirozit/projects/frontend-template/src/components/utils/form/InputSearch.vue?vue&type=style&index=0&lang.sass didn't resolve at build time, it will remain unchanged to be resolved at runtime
/__spritemap#icon-arrow-right-view referenced in /home/tirozit/projects/frontend-template/src/components/utils/form/InputSearch.vue?vue&type=style&index=0&lang.sass didn't resolve at build time, it will remain unchanged to be resolved at runtime
transforming (93) ../node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js
/__spritemap#icon-calendar-view referenced in /home/tirozit/projects/frontend-template/src/components/utils/form/InputDate.vue?vue&type=style&index=0&lang.sass didn't resolve at build time, it will remain unchanged to be resolved at runtime
transforming (256) components/utils/templates/ui/IconSVG.vue
/__spritemap#icon-chevron-down-view referenced in /home/tirozit/projects/frontend-template/src/components/utils/form/InputSelect.vue?vue&type=style&index=0&lang.sass didn't resolve at build time, it will remain unchanged to be resolved at runtime
/__spritemap#icon-close-view referenced in /home/tirozit/projects/frontend-template/src/components/utils/form/InputSelect.vue?vue&type=style&index=0&lang.sass didn't resolve at build time, it will remain unchanged to be resolved at runtime
/__spritemap#icon-spinner-view referenced in /home/tirozit/projects/frontend-template/src/components/utils/form/InputSelect.vue?vue&type=style&index=0&lang.sass didn't resolve at build time, it will remain unchanged to be resolved at runtime
✓ 280 modules transformed.
Applelo commented
If you don't have any bugs related to the message, yes this is normal. Vite is trying to find the __spritemap url but this is doesn't exist on build. Don't worry, the path (__spritemap) is transform by the plugin. I will let this issue open to try to resolve because this is a annoying log warning ^^
Applelo commented
Should be fix in the next version