Javascript 功能代码仍然给出';找不到模块';警告与错误
我正在制作一个下拉列表,加载一个简单的Javascript 功能代码仍然给出';找不到模块';警告与错误,javascript,html,vue.js,Javascript,Html,Vue.js,我正在制作一个下拉列表,加载一个简单的.svg文件,显示在名称旁边。在img标记中,源被设置为构造路径的函数调用。路径正确,图片加载正确,但仍会抛出警告和错误。为什么? 这是针对Vue.js单页应用程序的,我尝试过检查文件路径并删除一些无关的双QOUTE,但没有效果。我绝对确定源代码在img标记中,因为相同的代码不会抛出此警告/错误组合,并且每次使用都会抛出一次 示例 getImg函数 getImg(picName) { return require("../image-ass
.svg
文件,显示在名称旁边。在img
标记中,源被设置为构造路径的函数调用。路径正确,图片加载正确,但仍会抛出警告和错误。为什么?
这是针对Vue.js单页应用程序的,我尝试过检查文件路径并删除一些无关的双QOUTE,但没有效果。我绝对确定源代码在img
标记中,因为相同的代码不会抛出此警告/错误组合,并且每次使用都会抛出一次
示例
-
getImg
函数
getImg(picName) {
return require("../image-assets/4x3/" + picName)
}
我希望它会在适当的位置渲染,确实如此,但它也会为我使用的每个img
标记抛出以下错误
警告
vue.runtime.esm.js?2b0e:619[vue warn]:渲染时出错:“错误:
找不到模块“./function Image(){[native code]}”
发现于
--->在src/components/Dropdown.vue处
在src/components/EmergContactForm.vue
在src/views/EmergencyContactList.vue
在src/App.vue
错误
错误:找不到模块“./function Image(){[native code]}”
在webpackContextResolve(eval at./src/image assets/4x3 sync recursive^./.$(emergency contacts.js:465),:269:11)
在webpackContext(eval at./src/image assets/4x3 sync recursive^./.$(emergency contacts.js:465),:263:11)
在VueComponent.getImg(下拉列表.vue?6c5b:65)处
在Proxy.render(eval at./node_modules/cache loader/dist/cjs.js?{“cacheDirectory”:“node_modules/.cache/vue loader”,“cacheIdentifier”:“08845f4c vue loader template”}!./node_modules/vue loader/lib/loaders/templateLoader.js?!。/node_modules/cache loader/dist/cjs.js?!。/node_modules/vue loader/lib/index.js?!。/src/components/Dropdown.vue?vue&type=template&id=d436187e&
(紧急联系人:js:71),:23:26)
在VueComponent.Vue._呈现(Vue.runtime.esm.js?2b0e:3542)
位于VueComponent.updateComponent(vue.runtime.esm.js?2b0e:4060)
at Watcher.get(vue.runtime.esm.js?2b0e:4473)
在新的观察者(vue.runtime.esm.js?2b0e:4462)
挂载组件(vue.runtime.esm.js?2b0e:4067)
在VueComponent.Vue.$mount(Vue.runtime.esm.js?2b0e:8409)上
这些有帮助吗?这些有帮助吗?