请问怎么在VUE中检测文件是否存在?

我在使用require或 import时有没有什么方法先判断文件是否存在?
目前我唯一的办法是通过异常捕获的方式.有更直接的方法或他们有非报错状态下的返回调用吗?

谢谢各位耐心解答.
我应用场景是这样的,我有一个中间件通过传进来的参数动态调用其它组件.这时你肯定是要先判断组件是否存在然后再加载是了吧?

阅读 18.8k
7 个回答
require.context('路径',true,/正则表达式/);

使用require.context通过正则表达式匹配是否有这些文件。

为什么要监测文件是否存在呢..
文件系统只有node才有.
vue是无法监测了..只会在编译时候报错

let current 
try {
  const {c}=import('./c.json')
  console.log('current',c)
  current=c
} catch (e) {
  console.log(e, 文件不存在,请手动创建一个');
}

import一个文件,必然是要用到这个文件中的某些东西,在使用的时候就可以看到,这个就是在开发过程中随手就发现的,并不需要特别的设置吧。

你用Visual Studio Code,引路经有智能提示

你好,没太理解你的意思,文件不存在怎么返回调用啊?而且引入不存在的文件就是你代码编写错误,报错是正常的,提醒你改正嘛,为什么要返回调用呢?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题