一个路径引用的问题

一个路径引用的问题

老师在写组件的过程中我发现,在引入其他组件时我的路径写@/就不会报错,但是写成src/就会报错。是因为进行了webpack中的alias配置后,只能用别名不能用原来的名称了吗?  还有就是我在引入mixins的时候@import src/就不会报错了 (我没有按视频说老师说的那样将assets,base那些文件夹的名称进行配置,所以引入的时候都是按绝对路径引入的) 这是什么原因呢

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

4回答
好帮手慕码 2019-05-12 15:56:27

同学你好!

“只要引用了alias的配置就都要加~”这句话是错误的

(1)vue中规定,引用静态文件不能用 alias 下的配置,而必须使用一般的配置方式,因此mixins文件是静态资源文件,所以不能使用@,只能按照正常的引用方法src去引用,比如@import src/

(2)alias的配置之后,会使用@代替src

(3)vue中的~是相对于其他路径(文件)的,类似于相对路径,类似于./  ../等跟alias的配置没啥关系

同学可分开理解一下,慢慢体会

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

卡布琦诺 2019-05-11 18:06:11

建议同学检查一下webpack.base中是否有如下代码:

alias: {
‘vue$’: ‘vue/dist/vue.esm.js’,
’@’: resolve(‘src’),
’@2’: resolve(‘src/assets/styles’),
}

这段代码的意思是使用@代替src哦

希望可以帮到你!

  • 提问者 qq_那些荒废流年 #1
    是有第三行的代码的呀,所以问题就回到我最开始问的地方了,用@代替src后就不能再使用src了是吗,对于其他配置了替代符号的也是一样的吗?
    2019-05-11 18:09:30
  • 卡布琦诺 回复 提问者 qq_那些荒废流年 #2
    是这样的哦!
    2019-05-11 18:11:56
  • 提问者 qq_那些荒废流年 回复 卡布琦诺 #3
    老师,那我还有一个问题,在通过@import引入mixin时我用到了src就没报错,是为什么?
    2019-05-11 18:15:51
提问者 qq_那些荒废流年 2019-05-11 15:31:32

http://img1.sycdn.imooc.com//climg/5cd67a1b00012dc413350644.jpg

http://img1.sycdn.imooc.com//climg/5cd67a2b00011c5a13530640.jpg

就是这样啊老师 我将@换成src就会报错了,下面那个@引入的就不会报错

卡布琦诺 2019-05-11 15:26:27

建议同学上具体的代码截图标注,然后贴上来,以便于快速定位问题并帮你解答

祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
热门框架Vue开发WebApp 18版
  • 参与学习           人
  • 提交作业       209    份
  • 解答问题       3299    个

本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师