vue使用less报错:Inline JavaScript is not enabled问题

 更新时间:2024年01月24日 09:58:17   作者:Queen_live  
这篇文章主要介绍了vue使用less报错:Inline JavaScript is not enabled问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

现象

在vue 项目中使用less 后报错:

Inline JavaScript is not enabled .bezierEasingMixin();

报错图片

解决方案

在 build/utils.js 文件中修改less配置(vue/cli2版本)

 return {
    css: generateLoaders(),
    postcss: generateLoaders(),
    less: generateLoaders('less',{ javascriptEnabled: true }), // 添加括号这一段就行
    sass: generateLoaders('sass', { indentedSyntax: true }),
    scss: generateLoaders('sass'),
    stylus: generateLoaders('stylus'),
    styl: generateLoaders('stylus')
  }

在 vue.config.js 文件中修改less配置(vue/cli4或者3 版本)

// 在配置项中添加 下面这段代码,重启项目即可
  css: {
      loaderOptions: {
          less: {
              javascriptEnabled: true,
          }
      }
  },

或者把less 版本降到3.0以下

总结

好了,解决了问题了!

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 解决ant-design-vue安装报错的问题

    解决ant-design-vue安装报错的问题

    这篇文章主要介绍了解决ant-design-vue安装报错的问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-12-12
  • vue跳转页面并且实现参数传递接受示例

    vue跳转页面并且实现参数传递接受示例

    这篇文章主要为大家介绍了vue跳转页面并且实现参数传递接受示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-06-06
  • vue项目报错Extra semicolon (semi)问题及解决

    vue项目报错Extra semicolon (semi)问题及解决

    这篇文章主要介绍了vue项目报错Extra semicolon (semi)问题及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-10-10
  • Vue filters过滤器的使用方法

    Vue filters过滤器的使用方法

    这篇文章主要为大家详细介绍了Vue filters过滤器的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • Vue使用van-search和监听@Watch实现搜索方式

    Vue使用van-search和监听@Watch实现搜索方式

    文章介绍了Vant UI的van-search组件在不同设备的搜索触发方式:PC端按回车键,移动端点击输入法搜索按钮;并提到使用@Watch监听输入框数据变化,尤其关注取消或删除操作后的状态更新
    2025-09-09
  • 前端uniapp框架中<scroll-view>如何控制元素进行局部滚动详解

    前端uniapp框架中<scroll-view>如何控制元素进行局部滚动详解

    这篇文章主要介绍了前端uniapp框架中<scroll-view>如何控制元素进行局部滚动的相关资料,通过示例代码讲解了高度控制、滚动方向、动态内容处理及常见问题解决方案,需要的朋友可以参考下
    2025-06-06
  • vue打包并部署到nginx上的实现示例

    vue打包并部署到nginx上的实现示例

    本文主要介绍了vue打包并部署到nginx上的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2024-01-01
  • VUE前端实现token的无感刷新3种方案(refresh_token)

    VUE前端实现token的无感刷新3种方案(refresh_token)

    这篇文章主要给大家介绍了关于VUE前端实现token的无感刷新3种方案(refresh_token)的相关资料,为了提供更好的用户体验,我们可以通过实现Token的无感刷新机制来避免用户在使用过程中的中断,需要的朋友可以参考下
    2023-11-11
  • vue3插件json2ts的具体使用

    vue3插件json2ts的具体使用

    本文主要介绍了vue3插件json2ts的具体使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-07-07
  • vue实现图片上传功能

    vue实现图片上传功能

    这篇文章主要为大家详细介绍了vue实现图片上传功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-05-05

最新评论