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以下

总结

好了,解决了问题了!

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

相关文章

  • Vue Vuex搭建vuex环境及vuex求和案例分享

    Vue Vuex搭建vuex环境及vuex求和案例分享

    这篇文章主要介绍了Vue Vuex搭建vuex环境及vuex求和案例分享, Vue 中实现集中式状态管理的一个 Vue 插件,对 vue 应用中多个组件的共享状态进行集中式的管理,下文相关介绍,需要的朋友可以参考一下
    2022-04-04
  • 实现一个VUE响应式属性装饰器详析

    实现一个VUE响应式属性装饰器详析

    这篇文章主要介绍了实现一个VUE响应式属性装饰器详析,文章通过围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下
    2022-09-09
  • 在vue-cli脚手架中配置一个vue-router前端路由

    在vue-cli脚手架中配置一个vue-router前端路由

    这篇文章主要给大家介绍了在vue-cli脚手架中配置一个vue-router前端路由的相关资料,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面跟着小编一起来学习学习吧。
    2017-07-07
  • 从eleUI的Loading知道了单例模式的用法

    从eleUI的Loading知道了单例模式的用法

    这篇文章主要介绍了从eleUI的Loading知道了单例模式的用法,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-01-01
  • vue3.0实践之写tsx语法实例

    vue3.0实践之写tsx语法实例

    很久不写博客了,最近在使用ts和tsx开发vue类项目,网上资料比较少,顺便记录一下方便同样开发的人互相学习共同进步,下面这篇文章主要给大家介绍了关于vue3.0实践之写tsx语法的相关资料,需要的朋友可以参考下
    2022-07-07
  • vue引用public文件夹中文件的多种方式

    vue引用public文件夹中文件的多种方式

    由于一些演示需要对一些简单页面进行配置,由于打包build后的vue项目基本已经看不出原样,因此需要创建一个文件,并在打包的时候不会进行编译,所以文件放在public,这篇文章主要给大家介绍了关于vue引用public文件夹中文件的多种方式,需要的朋友可以参考下
    2024-02-02
  • vue-better-scroll 的使用实例代码详解

    vue-better-scroll 的使用实例代码详解

    这篇文章主要介绍了vue-better-scroll 的使用实例代码详解,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-12-12
  • 一文带你搞懂V8垃圾回收系统

    一文带你搞懂V8垃圾回收系统

    在V8中,JavaScript的内存空间分为栈(Stack)和堆(Heap)两部分,垃圾回收的基本思路是:查找内存中的所有变量,看哪些已经不再需要,然后释放这些变量所占用的内存,本文就给大家梳理一下V8垃圾回收系统,需要的朋友可以参考下
    2023-07-07
  • Vue + Axios 请求接口方法与传参方式详解

    Vue + Axios 请求接口方法与传参方式详解

    使用Vue的脚手架搭建的前端项目,通常都使用Axios封装的接口请求,项目中引入的方式不做多介绍,本文主要介绍接口调用与不同形式的传参方法。对Vue + Axios 请求接口方法与传参问题感兴趣的朋友一起看看吧
    2021-12-12
  • 使用vue-router切换页面时,获取上一页url以及当前页面url的方法

    使用vue-router切换页面时,获取上一页url以及当前页面url的方法

    这篇文章主要介绍了使用vue-router切换页面时,获取上一页url以及当前页面url的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05

最新评论