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项目部署自动清除缓存方式,包括清除文件缓存，清除浏览器 localStorage 缓存方式，本文结合示例代码给大家介绍的非常详细，需要的朋友可以参考下2023-07-07
这篇文章主要介绍了vue获取或者改变vuex中的值方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
这篇文章主要介绍了解决ele ui 表格表头太长问题的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-11-11
这篇文章主要介绍了vue + element动态多表头与动态插槽，下面文章围绕vue + element动态多表头与动态插槽的相关资料展开文章的内容，具有一定的参考价值，需要的小伙伴可以参考一下，希望对大家有所帮助2021-12-12
watch是一个侦听器，默认是懒侦听的，即仅在侦听源发生变化时才执行回调函数，watchEffect是会自动收集函数里面变量的响应式依赖，本文主要来讲讲二者的区别，感兴趣的可以了解一下2023-07-07
这篇文章主要介绍了Vue3.0数据响应式原理详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-10-10
本文主要介绍了element可编辑表格验证问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-05-05
这篇文章主要介绍了vue中的cookies缓存存值方式，超简单！具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
这篇文章主要介绍了v-show和v-if的区别及应用场景，vue中v-show与 v-if的作用效果是相同的，都能控制元素在页面是否显示，但是也有一定的区别，下面文章梳理总结v-show和v-if的区别，需要的小伙伴可以参考一下2022-06-06
开发过程中我们会经常遇到一些复杂的页面,而这些页面大部分由一个个小部分组合起来的,而且不同页面中可能有些部分是一样的,所以我们通常会将这些部分封装成组件,在Vue中,我们可以使用components组件(模板)来实现,本文就来详细的说一说Vue3中的component组件2023-08-08
最新评论