欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Vue報(bào)錯Component?name"Home"should?always?be?multi問題

 更新時(shí)間:2022年09月01日 10:12:51   作者:清風(fēng)細(xì)雨_林木木  
這篇文章主要介紹了Vue報(bào)錯Component?name"Home"should?always?be?multi問題及解決方案,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教

Vue報(bào)錯Component name"Home"should always be multi

原因

報(bào)錯的大概意思是: 組件名“Home”應(yīng)該總是多字的vue/多字的組件名

解決辦法

package.json

"vue/multi-word-component-names": 0 // 多字符組件名稱,不設(shè)置檢測

如圖

看了網(wǎng)上很多人都去把eslint關(guān)了╮(╯▽╰)╭

個(gè)人建議千萬不要,團(tuán)隊(duì)開發(fā)eslint是一定要開的,至于為什么自己可以找點(diǎn)資料看一下。

vue常見錯誤解決

最近在做vue項(xiàng)目的時(shí)候遇到了幾個(gè)報(bào)錯,這幾個(gè)報(bào)錯在vue項(xiàng)目還算常見,因此記錄下來解決方法。

Error in render: “TypeError: Cannot read property ‘list’ of undefined”

報(bào)錯: 渲染錯誤:“未定義的Type Error:無法讀取屬性”列表

原因: 沒給list定義,也就是說在temple中用到list了,但是在data中沒定義這個(gè)字段,如果已經(jīng)定義了但是還是報(bào)錯,請檢查下自己是否拼錯了單詞,因?yàn)槲揖褪沁@么蠢了= =

解決:

data () {
? return {
? ? list: []
? }
},

[Vue warn]: Property or method “message” is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property

報(bào)錯: message沒定義

原因: 跟上面的一樣,message在data那里沒有定義,定義一個(gè)初始值就好

解決:

data() {
?return {
? ? ?message: ''
? }
},

Module build failed: Error: No parser and no file path given, couldn’t infer a parser.

報(bào)錯: 沒有語法分析器和文件路徑,無法推斷解析器

原因: 依賴包出現(xiàn)問題,prettier 一個(gè)vue-cli的依賴,把一個(gè)feature 的移除當(dāng)作次版本發(fā)布

解決: npm install --save-dev prettier@1.12.0(刪除 node_modules下_prettier@1.13.0@prettier文件夾)

routes forEach is not a function

原因: forEach routes沒有發(fā)現(xiàn)里面有值

解決:

1.查看import {routes} from './routes’這個(gè)路徑是否正確

2.routes是一個(gè)數(shù)組,檢查routes是否是一個(gè)數(shù)組

3.是否已經(jīng)new了一個(gè)router,又再次new一遍?

// main.js
// 路由配置
const RouterConfig = {
? // 使用HTML5的History模式
? mode: 'history',
? routes: Routers
}
// new VueRouter
const router = new VueRouter(RouterConfig)


// router.js
// 在router中又再次new一遍,重復(fù)了?。。?!
export default new Router({
? routes: [
? ? {
? ? ? path: '/',
? ? ? name: 'home',
? ? ? component: home
? ? }
? ]
})

改為:
// router.js
const routers = [
? {
? ? path: '/home',
? ? meta: {
? ? ? title: '主頁'
? ? },
? ? component: (resolve) => require(['../page/home.vue'], resolve)
]
export default routers

[Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the “name” option.

原因: 被引用的組件頁面沒有進(jìn)行export,導(dǎo)致尋找不到瀏覽器console報(bào)錯,但是編譯的時(shí)候沒有語法問題不報(bào)錯

解決:

export { default as AppMain } from './AppMain'

TypeError: Cannot read property ‘vue’ of undefined

報(bào)錯信息:ERROR in ./src/login.vue Module build failed (from ./node_modules/_vue-loader@13.7.3@vue-loader/index.js): TypeError: Cannot read property ‘vue’ of undefined at Object.module.exports (F:\VistualStudioCode\threess\node_modules_vue-loader@13.7.3@vue-loader\lib\load er.js:61:18) @ ./src/main.js 7:13-35 @ multi ./node_modules/_webpack-dev-server@3.1.10@webpack-dev-server/client?http://localhost:3000 (webpack)/h ot/dev-server.js ./src/main.js

原因: vue-loader這個(gè)插件被破壞了

解決:

// 重新安裝依賴
npm install vue-loader@latest --save-dev

route內(nèi)的query參數(shù)沒有實(shí)時(shí)監(jiān)聽,放在data中

報(bào)錯信息: 導(dǎo)致query參數(shù)改變之后,頁面并沒有發(fā)生變化

解決:

? watch: {
? ? $route: {
? ? ? handler (newVal, oldVal) {
? ? ? ? this.isBindInfo = newVal.query.isBindInfo
? ? ? ? this.isRealName = newVal.query.isRealName
? ? ? ? this.sessionId = newVal.query.sessionId
? ? ? ? this.showNo = newVal.query.showNo
? ? ? ? // 判斷newVal有沒有值監(jiān)聽路由變化
? ? ? },
? ? ? deep: true,
? ? },

? },

以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • vue如何讀取外部配置文件

    vue如何讀取外部配置文件

    這篇文章主要介紹了vue如何讀取外部配置文件問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2024-03-03
  • Vue路由切換時(shí)的左滑和右滑效果示例

    Vue路由切換時(shí)的左滑和右滑效果示例

    這篇文章主要介紹了Vue路由切換時(shí)的左滑和右滑效果,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-05-05
  • Vue3編程流暢技巧使用setup語法糖拒絕寫return

    Vue3編程流暢技巧使用setup語法糖拒絕寫return

    這篇文章主要為大家介紹了Vue3編程流暢技巧使用setup語法糖拒絕寫return的方法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-07-07
  • Vue分頁器實(shí)現(xiàn)原理詳解

    Vue分頁器實(shí)現(xiàn)原理詳解

    這篇文章主要為大家詳細(xì)介紹了Vue分頁器實(shí)現(xiàn)原理,編寫了分頁器組件,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-06-06
  • Vue使用自定義指令實(shí)現(xiàn)頁面底部加水印

    Vue使用自定義指令實(shí)現(xiàn)頁面底部加水印

    本文主要實(shí)現(xiàn)給項(xiàng)目的整個(gè)背景加上自定義水印,可以改變水印的文案和字體顏色等,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-06-06
  • Vue+NodeJS實(shí)現(xiàn)大文件上傳的示例代碼

    Vue+NodeJS實(shí)現(xiàn)大文件上傳的示例代碼

    常見的文件上傳方式可能就是new一個(gè)FormData,把文件append進(jìn)去以后post給后端就可以了。但如果采用這種方式來上傳大文件就很容易產(chǎn)生上傳超時(shí)的問題。所以本文將利用Vue+NodeJS實(shí)現(xiàn)大文件上傳,需要的可以參考一下
    2022-05-05
  • vue-cli2.0轉(zhuǎn)3.0之項(xiàng)目搭建的詳細(xì)步驟

    vue-cli2.0轉(zhuǎn)3.0之項(xiàng)目搭建的詳細(xì)步驟

    這篇文章主要介紹了vue-cli2.0轉(zhuǎn)3.0之項(xiàng)目搭建的詳細(xì)步驟,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-12-12
  • Vue3監(jiān)聽store中數(shù)據(jù)變化的三種方式

    Vue3監(jiān)聽store中數(shù)據(jù)變化的三種方式

    這篇文章給大家介紹了Vue3監(jiān)聽store中數(shù)據(jù)變化的三種方法,使用watch和storeToRefs函數(shù),使用計(jì)算屬性computed和使用watchEffect函數(shù)這三種方法,文中通過代碼講解非常詳細(xì),需要的朋友可以參考下
    2024-01-01
  • vue文件使用iconfont解析

    vue文件使用iconfont解析

    這篇文章主要介紹了vue文件使用iconfont解析,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-04-04
  • 在Vue里如何把網(wǎng)頁的數(shù)據(jù)導(dǎo)出到Excel的方法

    在Vue里如何把網(wǎng)頁的數(shù)據(jù)導(dǎo)出到Excel的方法

    這篇文章主要介紹了在Vue里如何把網(wǎng)頁的數(shù)據(jù)導(dǎo)出到Excel,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-09-09

最新評論