require is not defined vue3
时间: 2023-08-22 12:11:04 浏览: 203
在Vue 3中,使用require方法会报错"require is not defined"。这是因为在Vue 3中,已经不再支持使用CommonJS的require语法进行模块导入。相反,Vue 3使用了ES模块的import语法进行模块导入。
解决这个问题的方法是使用新的方法,例如使用import.meta.globEager来导入资源文件。具体来说,可以使用以下代码来导入指定目录下的所有png文件:
import.meta.globEager("../../assets/authentication/*.png") [2]
需要注意的是,上述代码是使用Vite构建工具的方式进行的,因为Vite是Vue 3官方推荐的构建工具。具体的使用方法可以查看Vite官网上的文档。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [vue3中require报错 require is not defined](https://blog.csdn.net/lys20000913/article/details/122959885)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *3* [ReferenceError: require is not defined 【vue3 +vite +setup语法使用报错】](https://blog.csdn.net/qq_43813351/article/details/129465422)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文