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

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

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

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

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

# 前端 # javascript
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Vue里echarts根据页面大小动态调整/自适应

Vue里echarts根据页面大小动态调整/自适应

avatar Vue