在main.js中引入index文件报错

Question

老师,我用的新版的脚手架,使用的是less预处理器
在main.js中通过’import '@/styles/index.less引入less文件就会报错,报错如下

但是我在tab.vue中使用@import '../styles/index.less'导入文件就会正常显示

我引入的路径没有问题,请问在main.js中引入文件出错是因为less的原因还是其他原因呢

Answer 1

ustbhuangyi 2020-02-02 21:57:48

看这个报错提示是 .border-1px 这个 mixin 函数的报错，可以对照一下 less 相关语法查一下

• 提问者 kGrit #1

  谢谢老师,应该不是less语法错误了,因为在tab.vue中使用@import '../styles/index.less'导入文件就会正常显示,我觉得是在main.js中用import '@/styles/index.less导入文件后,文件没有被解析成功,才会报错说border-1px未定义,是不是在js文件中导入less文件需要配置什么东西呢?less和less-loader也都下载了,麻烦老师啦

• ustbhuangyi 回复 提问者 kGrit #2

  less 应该也是用的地方 import 才行吧

• 提问者 kGrit 回复 ustbhuangyi #3

  谢谢老师啦,这个问题已经解决了,在main.js引入的是有效的,不过在vue中还是需要单独再引用一次
  我现在的疑虑是main.js不是入口文件吗,为什么在别的vue文件中还需要单独引用呢,麻烦老师解答一下,谢谢~

点开查看后面1条评论