记录一些报错记录

简介: 记录一些报错记录


一小池勺❤️❤️❤️ ❤️❤️❤️❤️胸有惊雷而面如平湖者,可拜上将军也。


前言

记录 啥都记的那种 ~

2023.12.31

ERROR in ./src/icons/index.js 2:0-43
Module not found: Error: Can't resolve '@/components/SvgIcon' in 'C:\Users\86151\Desktop\Git本地仓库\mini-wyy\src\icons'
 @ ./src/main.js 7:0-23
webpack compiled with 1 error

在我的 ./src/icons/index.js 文件中,我试图从 ‘@/components/SvgIcon’ 导入一些内容,但是Webpack没能在我给出的路径找到该模块。

果然,是我拼写错了,看来不是 webpack 的配置问题。


2023.12.31

main.js:14 [Vue warn]: Unknown custom element: <CommonHeader> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
found in
---> <MainPanel> at src/views/MainPanel.vue
<App> at src/App.vue
<Root>

报错信息 Unknown custom element: <CommonHeader> 表示我在 MainPanel 组件中使用了一个名为 CommonHeader 的组件,但是并没有在 MainPanel 组件中进行注册。

基于组件化的 Vue.js,每个 Vue 组件需要在使用之前注册。Vue 提供了全局注册局部注册两种方式:

全局注册

在入口文件(例如 main.js 或 main.ts)中,可以通过Vue.component(tagName, options) 来进行全局注册,之后就可以在项目的任何位置使用这个组件。例如全局注册 CommonHeader 组件:

import Vue from 'vue'
import CommonHeader from './components/CommonHeader.vue'
Vue.component('CommonHeader', CommonHeader)

局部注册

在每个 Vue 组件的 components 对象中注册其他组件,然后在该组件中使用。例如在 MainPanel 组件中注册 CommonHeader 组件:

import CommonHeader from './components/CommonHeader.vue'
export default {
  components: {
    CommonHeader
  }
}

我的 CommonHeader 不是异步组件,原来是我忘记了了给它注册了,悲痛了,又解决了一个无聊的 bug,嘻嘻。


目录
相关文章
|
3月前
【记录 bpftrace】
【记录 bpftrace】
|
9月前
|
JSON 前端开发 JavaScript
java基本知识点记录
java基本知识点记录
|
10月前
|
Java 开发工具 Android开发
ASOP记录
ASOP记录
53 0
|
11月前
|
Web App开发 关系型数据库 MySQL
日常技巧记录-2018.08
日常技巧记录-2018.08
76 0
|
SQL Java 数据库
问题记录v(●‘◡‘●)v
问题记录v(●‘◡‘●)v
谁来帮我做记录
这一节,我们将要学习游戏开发中的记录员---变量。 开始之前,先提几个问题: - 变量的作用是什么? - 变量分为哪些类型? - 我们什么时候用到变量? - 如何判断使用哪种类型的变量?
158 0
谁来帮我做记录
文章记录
记录平时的文章
记录什么 反抗什么
蒋方舟 蒋方舟/文 这个月,发了新书,紧张得每天去豆瓣上查关于新书的评价,偶尔,看到这样一条评价:“这本书的简历里写着9岁出书,23岁成为《新周刊》副主编。
1069 0