問題描述

This dependency was not found: 如何引入自定義組件？

問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法

使用vue-cli初始化的項目，按照公司的項目，加入了一個自定義組件，tk_bg.vue.
然后修改HelloWorld.vue，import的時候報錯。不知道需要改哪里？需要先注冊么，具體怎么做？
因為是參考公司現(xiàn)有項目，對比了main.js和App.vue，沒發(fā)現(xiàn)怎么處理的。

相關代碼

// 請把代碼文本粘貼到下方（請勿用圖片代替代碼）
tk_bg.vue的主要內容
<template>

<div class="tk_bg">
    <el-container>
        <el-header><h3>ERP</h3></el-header>
    </el-container>
</div>

</template>
HelloWorld.vue的主要內容
<template>

<tk-background class="navigation">
    <el-main>
        <el-container>
            <el-aside width="24%">
                <img id="pic" src="img/HBuilder.png" style="width: 200px; hight: 200px">
            </el-aside>
        </el-container>
    </el-main>
</tk-background>

</template>
<script>

import tkBackground from 'components/tk_bg/tk_bg'

export default {
    name: 'VueTest',
    data() {
        return {
            msg: 'Welcome to Your Vue.js App',
        }
    },
    components: {
        tkBackground
    },
};

</script>

你期待的結果是什么？實際看到的錯誤信息又是什么？

正常編譯不報錯，打開localhost：8080能看到HBuilder這個圖片。

問題補充

經(jīng)過科學上網(wǎng)，實驗，觀察日志后，發(fā)現(xiàn)問題在這一行

import tkBackground from 'components/tk_bg/tk_bg'>
發(fā)現(xiàn)我的Demo中直接寫路徑都不好使，需要使用別名@的形式，
import tkBackground from '@/components/tk_bg/tk_bg'>
我參考的例子中都是類似'components/組件名'，而我必須要在前面加@。
請問這個是什么原因，在哪里配置么？

自問自答

經(jīng)過網(wǎng)友的指點，找到了問題所在：一般情況下import需要使用./或者../的相對路徑，如果配置了別名，則可以掛在別名下。具體到此問題，因為參考項目增加了別名，我沒有增加別名，所以訪問不到。
解決辦法，修改：webpack.base.conf.js：文件中，resolve: {}部分，找到這塊兒，基本一看就明白了。
作為一個初學者，學習VUE覺得官網(wǎng)資料不夠細膩，有過來人，請賜教好的學習資源。