Vue组件引用时出现 export ‘xxx‘ was not found in ‘xxx‘或This relative module was not found:‘xxx‘地址类报错

【发生原因】在封装新组件并进行引用时，配置到import和components后发现执行终端出现报错，且浏览器页面的控制台也出现报错。随后尝试对引用路径进行修改，但错误也只是从export的警告变成了not found的报错。

随后对组件里的name等进行查看也未能发现排查到问题。

最后看到网上有关于组件引用的括号相关的文章，做出删除修改后，问题得以解决。

【修改方法】在引用独自组件时删除其两侧花括号，地址可选用@从根节点选择也可以采用../来进行溯源

import { TableDataRanking } from '@/views/statistics/statistical-analysis/component/TableDataRanking';// 修改前，控制台会出现无法定位的报错

import TableDataRanking from '@/views/statistics/statistical-analysis/component/TableDataRanking';//修改后，即可正常启动