引入报错。。

，

老师，我在app.vue中这样引入怎么疯狂报错啊，注释掉这句就不会报错，这是怎么回事，引用的路径也没发现有错啊

源自：实战：项目准备与骨架搭建 3-2 Tabbar 组件

收起

2回答

好帮手慕慕子 2019-12-11 16:04:58

同学你好，老师在源码中测试同学粘贴的代码，代码是没有问题。

同学修改webpack.base.conf.js配置文件，保存后，需要重启项目修改的配置才可以生效。建议：使用npm run dev重启项目试试。

如果重启项目还报错的话，建议：同学把项目中的node_modules文件夹删掉，然后使用npm install 重新安装一下依赖。之后再启动项目试试。

如果帮助到了你，欢迎采纳，祝学习愉快~

好帮手慕慕子 2019-12-11 15:22:00

同学你好，看你的报错是引入组件的路径有问题。

因为直接使用components/tabbar引入组件，需要提前在webpack.base.conf.js文件下配置。

建议：同学检查是都有如下配置，如果没有就添加上，保存文件后，重启项目测试一下。示例：

如果还有问题，可以新建提问，将你写的代码也粘贴过来，便于老师帮助同学准确的定位与解决问题

如果帮助到了你，欢迎采纳，祝学习愉快~

提问者慕莱坞1501479 #1

resolve: { extensions: ['.js', '.vue', '.json'], alias: { //别名 'api':resolve('src/api'), 'assets':resolve('src/assets'), 'base':resolve('src/base'), 'components':resolve('src/components'), 'pages':resolve('src/pages') } }, 这是resolve这个文件 <template> <div id="app" class="g-container"> <div class="g-view-container"> <router-view></router-view> </div> <div class="g-footer-container"> <c-tabbar/> </div> </div> </template> <script> import CTabbar from 'components/tabbar'; export default { name: 'App', components:{ CTabbar } }; </script> //这是app.vue中的代码

2019-12-11 15:40:49
提问者慕莱坞1501479 #2

<template> <div class="g-tabbar"> <router-link class="g-tabbar-item" to="/home"> <i class="iconfont icon-home"></i> <span>首页</span> </router-link> <router-link class="g-tabbar-item" to="/category"> <i class="iconfont icon-category"></i> <span>分类页</span> </router-link> <router-link class="g-tabbar-item" to="/cart"> <i class="iconfont icon-cart"></i> <span>购物车</span> </router-link> <router-link class="g-tabbar-item" to="/personal"> <i class="iconfont icon-personal"></i> <span>个人中心</span> </router-link> </div> </template> <script> export default{ name:'CTabbar' } </script> <style lang="scss" scoped> @import '~assets/scss/mixins'; .router-link-active{ color:$link-active-color; } </style> //这是tabbar下面的index.vue的代码路径检查好几遍了。没发现错呀

2019-12-11 15:41:14