如题
yntax Error:
// https://github.com/ant-design/ant-motion/issues/44
.bezierEasingMixin();
^
Inline JavaScript is not enabled. Is it set in your options?
in G:\workplace\apply-antd\node_modules\ant-design-vue\lib\style\color\bezierEasing.less (line 110, column 0)
尝试的方案:
1.babel.config.js里style值不管是true还是css都不起作用,依旧报错
2.vue.config.js里javascriptEnabled:true,还是不起作用~
vue.config.js
const webpack = require('webpack');
module.exports = {
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,
},
},
},
},
publicPath: process.env.MODE_ENV === 'production' ? 'https://wujy.com' : '', //根路径 cli3.0以上使用publicPath
assetsDir: 'assets', //静态资源目录(js,css,img,fonts)这些文件都可以写里面
outputDir: 'dist', //打包的时候生成的一个文件名
lintOnSave: false, //是否开启eslint保存检测 ,它的有效值为 true || false || 'error'\
devServer: {
port: 8080,
// open: true, //配置自动启动浏览器
proxy: {
"/api": {
target: "http://localhost:8001", //后端ip地址及端口
ws: true, //是否跨域
changeOrigin: true,
pathRewrite: {
"^/api": ""
}
}
},
},
configureWebpack: config => {
if (process.env.NODE_ENV === "production") {
// 为生产环境修改配置...
config.mode = "production";
// 这里修改下
config.optimization.minimizer = [
new UglifyJsPlugin({
uglifyOptions: {
compress: {
warnings: false,
drop_console: true, //console
drop_debugger: true,
pure_funcs: ['console.log'] //移除console
}
}
})
]
//打包文件大小配置
config["performance"] = {
"maxEntrypointSize": 10000000,
"maxAssetSize": 30000000
}
} else {
// 为开发环境修改配置...
config.mode = "development";
}
},
chainWebpack: config => {
// config.plugin('provide').use(webpack.ProvidePlugin, [{
// $: 'jquery',
// jquery: 'jquery',
// jQuery: 'jquery',
// 'window.jQuery': 'jquery'
// }]);
// 修复HMR(热更新)失效
config.resolve.symlinks(true);
}
}
babel.config.js
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset'
],
plugins: [
[
"import",
{
libraryName: "ant-design-vue",
libraryDirectory: "es",
style: "css"
}
]
]
}
###
唉升级下less-loader到6.0即可
npm i less-loader@6.0.0