您当前的位置: 首页 > 

任磊abc

暂无认证

  • 3浏览

    0关注

    182博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

nuxt项目中引入ant design vue的less文件报错.bezierEasingMixin()

任磊abc 发布时间:2020-09-15 17:55:10 ,浏览量:3

最近使用nuxt@2.14.0版本当中使用,ant desgin vue 这个UI框架进行定制主题。

首先,在nuxt项目当中的assets文件夹当中创建less文件夹,在less文件夹下创建index.less和variable.less文件

在index.less文件当中,引入ant design vue的less文件,variable.less当中写上需要更改的主题变量

然后,将index.less引入到nuxt.conifg.js文件当中:

然后,启动项目

发现报错,报错的内容:

首先,在nuxt2.0的nuxt.config.js中配置less

build: {
    loaders: {
      less: {
        javascriptEnabled: true
      }
    }
  }

在启动项目,发现还是报错:

这是因为在nuxt2.12添加后提示没有javascriptEnabled这个属性项,需要添加上lessOptions这个字段,我现在的版本是nuxt@2.14.0因此,需要如下配置;

build: {
    loaders: {
      less: {
        lessOptions: {
          javascriptEnabled: true
        }
      }
    }
}

在重新启动,大获成功。 

关注
打赏
1656830895
查看更多评论
立即登录/注册

微信扫码登录

0.0373s