我收到了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>我认为它与b-navbar从另一个来源调用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>我已附上错误的屏幕截图
screenshot
1条答案
按热度按时间xpcnnkqh1#
webpack.config.js文件通常位于项目的根目录下，如果没有，您可以创建它，Webpack会将其提取出来。在我的例子中，重复的示例是由一些Vue插件导入Vue示例的方式不同于我在项目中所做的方式引起的。我设法通过在我的Webpack配置中添加以下内容来修复它：
希望它能帮助任何在同样问题上挣扎的人：）