脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → vue.js → vue使用less报错:Inline JavaScript is not enabled

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 自定义文件选择器组件的实例代码

    使用Vue 自定义文件选择器组件的实例代码

    这篇文章主要介绍了使用Vue 自定义文件选择器组件的实例代码，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-03-03
  • 饿了么UI中el-tree树节点选中高亮的两种常用方式(highlight-current属性)

    饿了么UI中el-tree树节点选中高亮的两种常用方式(highlight-current属性)

    最近新做的项目有用到Element-UI tree组件,下面这篇文章主要给大家介绍了关于饿了么UI中el-tree树节点选中高亮的两种常用方式(highlight-current属性),文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-12-12
  • 基于Vue3+TypeScript的全局对象的注入和使用详解

    基于Vue3+TypeScript的全局对象的注入和使用详解

    这篇文章主要介绍了基于Vue3+TypeScript的全局对象的注入和使用,本篇随笔主要介绍一下基于Vue3+TypeScript的全局对象的注入和使用，需要的朋友可以参考下
    2022-09-09
  • vue-cli配置使用Vuex的全过程记录

    vue-cli配置使用Vuex的全过程记录

    这篇文章主要给大家介绍了关于vue-cli配置使用Vuex的相关资料,Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式,本介绍的非常详细,需要的朋友可以参考下
    2021-07-07
  • 如何根据业务封装自己的功能组件

    如何根据业务封装自己的功能组件

    这篇文章主要介绍了Vue封装功能组件，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • Vue2中使用axios的3种方法实例总结

    Vue2中使用axios的3种方法实例总结

    axios从功能上来说就是主要用于我们前端向后端发送请求,是基于http客户端的promise,面向浏览器和nodejs,下面这篇文章主要给大家介绍了关于Vue2中使用axios的3种方法,需要的朋友可以参考下
    2022-09-09
  • Axios学习笔记之使用方法教程

    Axios学习笔记之使用方法教程

    axios是用来做数据交互的插件，最近正在学习axios，所以想着整理成笔记方便大家和自己参考学习，下面这篇文章主要跟大家介绍了关于Axios使用方法的相关资料，需要的朋友们下面来一起看看吧。
    2017-07-07
  • vue el-tree 默认展开第一个节点的实现代码

    vue el-tree 默认展开第一个节点的实现代码

    这篇文章主要介绍了vue el-tree 默认展开第一个节点的实现代码,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2020-05-05
  • 利用vue3+ts实现管理后台（增删改查）

    利用vue3+ts实现管理后台（增删改查）

    这篇文章主要介绍了利用vue3+ts实现管理后台(增删改查),文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-10-10
  • Vue中JSX的基本用法及高级部分

    Vue中JSX的基本用法及高级部分

    JSX是一种Javascript的语法扩展,JSX = Javascript + XML,即在 Javascript里面写XML,因为 JSX 的这个特性,所以他即具备了 Javascript的灵活性,同时又兼具html的语义化和直观性,这篇文章主要给大家介绍了关于Vue中JSX的基本用法及高级部分的相关资料,需要的朋友可以参考下
    2022-11-11

最新评论