[vite] warning: The above dynamic import cannot be analyzed by Vite.

[affektde]

Livewire PowerGrid version

v6.2.2

Livewire version

v3.6.2

Laravel version

v12.3.0

Which PHP version are you using?

PHP 8.4

Which Theme are you using?

Tailwind

Have you published the resource files and customized them? (php artisan vendor:publish)

No

What is the problem?

In the new version > v6.2.0, vite suddenly issues the following warning.
/* @vite-ignore */ testing it yourself somehow did not work. Maybe the package developer can help here?

The Vitejs linter seems to complain about code in the .js file.

Code snippets

[vite] 9:32:00 AM [vite] warning: 
[vite] /var/www/html/vendor/power-components/livewire-powergrid/dist/powergrid.js
[vite] 5  |  
[vite] 6  |  • Add 'import flatpickr from "flatpickr"' in resources/js/app.js file
[vite] 7  |    `)),window.addEventListener(`pg:clear_flatpickr::${this.tableName}:${this.dataField}`,()=>{this.$refs.rangeInput&&this.element&&this.element.clear()}),window.addEventListener(`pg:clear_all_flatpickr::${this.tableName}`,()=>{this.$refs.rangeInput&&this.element&&this.element.clear()});const e=this.locale.locale;typeof e<"u"&&typeof flatpickr<"u"&&je(()=>import(`flatpickr/dist/l10n/${e}.js`),[]).then(n=>{this.locale.locale=n.default[e]}).catch(n=>{console.error("flatpickr l10n error",n)});const t=this.getOptions();this.$refs.rangeInput&&typeof flatpickr<"u"&&(this.element=flatpickr(this.$refs.rangeInput,t),this.selectedDates=this.$wire.get(`filters.${this.type}.${this.dataField}.formatted`),this.element.setDate(this.selectedDates))},getOptions(){const e={mode:"range",defaultHour:0,...this.locale,...this.customConfig};return this.onlyFuture&&(e.minDate="today"),this.noWeekEnds&&(e.disable=[function(t){return t.getDay()===0||t.getDay()===6}]),e.onClose=(t,n,s)=>{t=t.map(o=>this.element.formatDate(o,"Y-m-d")),t.length>0&&this.selectedDates!==n&&Livewire.dispatch("pg:datePicker-"+this.tableName,{selectedDates:t,dateStr:n,timezone:this.customConfig.timezone??new Date().toString().match(/([-\+][0-9]+)\s/)[1],type:this.type,field:this.dataField,label:this.label})},e}}),qe=i=>({theme:i.theme,id:i.id??null,dataField:i.dataField??null,content:i.content,fallback:i.fallback,inputClass:i.inputClass,saveOnMouseOut:i.saveOnMouseOut,oldContent:null,editable:!1,hash:null,hashError:!0,showEditable:!1,editableInput:"",init(){this.content.length===0&&this.fallback&&(this.content=this.htmlSpecialChars(this.fallback)),this.hash=this.dataField+"-"+this.id,window.addEventListener("toggle-"+this.hash,()=>{this.observe(()=>document.getElementById("clickable-"+this.hash),e=>{e.click(),this.observe(()=>document.getElementById("editable-"+this.hash),t=>{setTimeout(()=>this.setFocusToEnd(t),100)})})}),this.$watch("editable",e=>{if(e){let t=!1;if(this.showEditable=!1,this.content=this.htmlSpecialChars(this.content),this.oldContent=this.content,this.hashError=this.store().notContains(this.hash),this.observe(()=>document.getElementById("editable-"+this.hash),n=>{setTimeout(()=>{this.setFocusToEnd(n),this.store().getTextContent(this.hash)&&(n.textContent=this.store().getTextContent(this.hash))},100)}),this.hashError){const n=this.store().get(this.hash),s=document.getElementById("clickable-"+n);s&&s.click()}else t=!0;this.editableInput=`
[vite]    |                                                                                                                                                                                                                                                                                                                                                                             ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[vite] 8  |                  <div
[vite] 9  |                      x-ref="editable"
[vite] The above dynamic import cannot be analyzed by Vite.
[vite] See https://github.com/rollup/plugins/tree/master/packages/dynamic-import-vars#limitations for supported dynamic import formats. If this is intended to be left as-is, you can use the /* @vite-ignore */ comment inside the import() call to suppress this warning.

How do you expect it to work?

I do not want to receive any WARNING from vitejs.

Please confirm (incomplete submissions will not be addressed)

• I have provided easy and step-by-step instructions to reproduce the bug.
• I have provided code samples as text and NOT images.
• I understand my bug report will be removed if I haven't met the criteria above.

[ineptian]

Same here.

[fstalla]

Same problem. Any solution?

[shadowoff09]

Same here.

[zcedd]

Same problem

[EmilioVar]

Hello everyone!
We have been working on that annoying warning, which is solved in a pull request that has been merged and will be published. You can follow the topic in the following pull request:

#1917 (comment)