ant更改主题色报错Inline JavaScript is not enabled. Is it set in your options? vue ant主题色更改 vue-cli3

问题：使用vue-cli3更改ant的主题色时候报错：Inline JavaScript is not enabled. Is it set in your options?
原因：我的问题是less-loader依赖包的版本为5.0.0，而官方要求必须是6.0.0；

 ERROR  Failed to compile with 1 errors                                                                         16:02:25error  in ./node_modules/ant-design-vue/dist/antd.lessModule build failed (from ./node_modules/less-loader/dist/cjs.js):// https://github.com/ant-design/ant-motion/issues/44
.bezierEasingMixin();
^
Inline JavaScript is not enabled. Is it set in your options?in C:\Users\***\node_modules\ant-design-vue\lib\style\color\bezierEasing.less (line 110, column 0)@ ./node_modules/ant-design-vue/dist/antd.less 4:14-188 14:3-18:5 15:22-196@ ./src/main.js@ multi (webpack)-dev-server/client?http://172.18.17.39:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

问题点排查

是否使用了less和less-loader：如果项目使用的是scss/sass预处理器，则需要安装less和less-loader，vue-cli3已经在底层预留了less配置，因此无需查找文件添加配置

cnpm install less less-loader --save-dev

样式不生效问题：设置好需要重新启动
less 的样式被 css 的样式覆盖：如果你在使用 babel-plugin-import 的 style 配置来引入样式，需要将配置值从 ‘css’ 改为 true，这样会引入 less 文件。
如果在marn.js中你是通过 ‘ant-design-vue/dist/antd.css’ 引入样式的，改为 'ant-design-vue/dist/antd.less’
在vue cli 3 中定制主题：项目根目录下新建文件vue.config.js
注意：less-loader依赖包的版本一定要是6.0.0或以上

module.exports = {//vue-cli3修改ant的主题色官网配置   vue.config.js for less-loader@6.0.0 ||||||||注意less-loader依赖包的版本一定要是6.0.0或以上|||||||css: {loaderOptions: {less: {lessOptions: {modifyVars: {'primary-color': '#ff1f', // 全局主色  #1890ff'link-color': '#1890ff', // 链接色'success-color': '#52c41a', // 成功色'warning-color': '#faad14', // 警告色'error-color': '#f5222d', // 错误色'font-size-base': '14px', // 主字号'heading-color': 'rgba(0, 0, 0, 0.85)', // 标题色'text-color': 'rgba(0, 0, 0, 0.65)', // 主文本色'text-color-secondary': 'rgba(0, 0, 0, 0.45)', // 次文本色'disabled-color': 'rgba(0, 0, 0, 0.25)', // 失效色'border-radius-base': '4px', // 组件/浮层圆角'border-color-base': '#d9d9d9', // 边框色'box-shadow-base': '0 2px 8px rgba(0, 0, 0, 0.15)', // 浮层阴影},javascriptEnabled: true,},},},}
}

其他webpack 和 vue cli 2 中定制主题，可看官网ant自定义主题
亲测有用，希望帮助到你！

ant更改主题色报错Inline JavaScript is not enabled. Is it set in your options? vue ant主题色更改 vue-cli3相关推荐

sql更改完整模式报错_SQL的完整形式是什么？
sql更改完整模式报错 SQL:结构化查询语言 (SQL: Structured Query Language) SQL is an abbreviation of Structured Query ...
VMware虚拟机更改静态IP报错Unit network.service entered failed state解决方案
VMware虚拟机更改静态IP报错Unit network.service entered failed state解决方案问题背景解决方案一解决方案二 Lyric: 就算没伴奏也可以继续问题 ...
使用yum报错：There are no enabled repos. Run “yum repolist all“ to see the repos you have.
在ubuntu上安装了yum,执行yum命令就报错: There are no enabled repos. Run "yum repolist all" to see the r ...
【yum命令】使用yum报错：There are no enabled repos. Run “yum repolist all“ to see the repos you have.
在ubuntu上安装了yum,执行yum命令就报错: There are no enabled repos. Run "yum repolist all" to see the r ...
php js 报错信息,JavaScript中错误异常的分析（附示例）
本篇文章给大家带来的内容是关于JavaScript中错误异常的分析(附示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 我的建议是不要隐藏错误,勇敢地抛出来.没有人会因为代码出现 ...
GitHub Pages部署vuepress报错：JavaScript heap out of memory
作者:duktig 博客:https://duktig.cn 优秀还努力.愿你付出甘之如饴,所得归于欢喜. 问题 GitHub Pages部署Vuepress一直都没有什么问题,具体部署方案参看:基于 ...
roslaunch mbot_gazebo view_mbot_gazebo_room.launchroslaunch打开更改gazebo world报错
我的环境是noetic + ubuntu20.04 具体是在运行古月居老师的roslaunch mbot_gazebo view_mbot_gazebo_room.launch出现的情况报错内容翻 ...
Windows启动docker客户端报错:Hardware assisted virtualization and enabled in the BIOS
报错内容 :
mac 系统安装软件报错 A JavaScript error occurred in the main process
如果macos系统上安装软件报了图中的错误,按照下面的操作步骤解决: 1. 在/Users/chengeng/Library/Application Support 手动创建和app同名的文件夹,如d ...

ant更改主题色报错Inline JavaScript is not enabled. Is it set in your options? vue ant主题色更改 vue-cli3

ant更改主题色报错Inline JavaScript is not enabled. Is it set in your options? vue ant主题色更改 vue-cli3相关推荐

最新文章

热门文章