文章/答案/技术大牛

发布

社区首页 >问答首页 >$listeners是只读的。$attrs是只读错误

问$listeners是只读的。$attrs是只读错误
EN

Stack Overflow用户

提问于 2020-11-16 08:23:23

回答 1查看 727关注 0票数 2

我收到了21个这样的错误。

 [Vue warn] $listeners is readonly.

found in

---> <RouterLink>
       <BLink>
         <BNavbar>
           <AppNavigation>
             <App> at src/App.vue
               <Root>

vue.js:597 [Vue warn]: $attrs is readonly.

found in

---> <RouterLink>
       <BLink>
         <BNavbar>
           <AppNavigation>
             <App> at src/App.vue
               <Root>

我认为这与从另一个来源调用vue有关。当我在网上搜索它时，我发现结果要求更改webpack.config.js。你能告诉我在哪里可以找到webpack.config.js文件吗？此外，如果这不是正确的解决办法，请告诉我。

海军：

<template>
  <div>
    <b-navbar toggleable="lg" type="dark" variant="dark" fixed="top">
      <b-navbar-brand><router-link to="/" id="ps">Pet-Store</router-link></b-navbar-brand>
           
          <b-navbar-brand><router-link to="/"><img :src=logo id="img"  title="mycompanylogo"></router-link></b-navbar-brand>
          <b-nav-item ><router-link to="/Clinics" id="cl">Clinics</router-link></b-nav-item>
          <b-nav-item><router-link to="/Training" id="tr">Training</router-link></b-nav-item>
          <b-nav-item><router-link to="/Buy-Sell" id="bs">Buy/Sell</router-link></b-nav-item>
          <b-nav-item><router-link to="/Grooming" id="gr"> Grooming</router-link></b-nav-item>
          <b-nav-item><router-link to="/DayCare" id="dc">Day Care</router-link></b-nav-item>
          <b-nav-item><router-link to="/DogWalker" id="dw">Dog Walker</router-link></b-nav-item>
          <b-nav-item v-if="!isLoggedIn"><router-link to="/login" id="si">Sign In</router-link></b-nav-item>
          <b-avatar v-if="isLoggedIn" id="av" variant="light"></b-avatar> 
         <b-nav-item-dropdown v-if="isLoggedIn" :text=user.name right id="log" style="text-decoration:none"> 
          <b-dropdown-item > <b-nav-item v-if="isLoggedIn"><router-link  to="/profile" >My Account</router-link></b-nav-item> </b-dropdown-item>
          <b-dropdown-item > <b-nav-item v-if="isLoggedIn"><a href="" v-on:click.prevent="logoutUser" >Sign out</a></b-nav-item> </b-dropdown-item>
        </b-nav-item-dropdown>
          <b-nav-item><router-link to="/cart"><b-icon icon="cart3" scale="0.75" id="cart-icon"></b-icon></router-link></b-nav-item>
          <p id="item">{{totalItems}}</p>
       
    </b-navbar>
  </div>
</template>

我附上了错误的截图。

屏幕截图

javascript

vue.js

navbar

bootstrap-vue

回答 1

Stack Overflow用户

发布于 2022-11-03 16:45:28

webpack.config.js文件通常位于项目的根部，如果不能，您只需创建它，Webpack就会把它捡起来。

在我的例子中，重复的实例是由一些Vue插件导致的，这些插件导入Vue实例的方式与我在项目中的操作不同。通过在Webpack配置中添加以下内容，我成功地修复了它：

    externals: {
      // Stubs out `require('vue')` so it returns `global.Vue`
      vue: 'Vue',
    },

希望它能帮助任何人在同样的问题上挣扎:)

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/64854637

复制

相似问题

问$listeners是只读的。$attrs是只读错误
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问$listeners是只读的。$attrs是只读错误EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问$listeners是只读的。$attrs是只读错误
EN