2022-04-01
詳細報錯代碼:
This dependency was not found: * @/components/subsidy in ./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--12-0!./node_modules/_babel-loader@8.2.4@babel-loader/lib!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.8@vue-loader/lib??vue-loader-options!./src/views/subsidy_audit/subsidy_audit.vue?vue&type=script&lang=js& To install it, you can run: npm install --save @/components/subsidy
前言:vue項目,寫了個組件,引入到父級,報錯。
報錯意思也很簡單,就是說識別不了我這個組件subsidy。
排錯過程:
引入方式:import Subsidy from '@/components/subsidy';
在components加入了組件名:
components: {
Subsidy,
},
思來想去,發現是我定義的組件寫法問題,它應該是識別不了在subsidy文件夾里的subsidy.vue文件,
如果路徑是@/components/subsidy這樣的,那么它應該需要一個index.js來當作入口文件,然后我把我的組件導入index.js,然后接着導出就行了。
index.js代碼:
import Subsidy from './subsidy.vue'
export default Subsidy
嗯,問題解決!