.bezierEasingMixin(); ^ Inline JavaScript is not enabled. Is it set in your op..

769 阅读1分钟
  • 自定义 antdv 主题配置时,报错:

    ERROR  Failed to compile with 1 error                                                        上午11:35:54
    
    error  in ./node_modules/ant-design-vue/dist/antd.less
    
    Syntax Error: 
    
    // https://github.com/ant-design/ant-motion/issues/44
    .bezierEasingMixin();
    ^
    Inline JavaScript is not enabled. Is it set in your options?
          in /Users/dengzemiao/Desktop/Project/web/shouquan_vue/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 15:3-20:5 16:22-196
     @ ./src/utils/use.js
     @ ./src/main.js
     @ multi (webpack)-dev-server/client?http://192.168.0.112:8081&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js
    
  • 原因是 antdv 使用的 less 版本比较低,需要将当前使用的 less 版本降到 3.0 以下即可。

  • 查看 less 版本列表,选择低于 3.0 的最新版本 2.7.3 进行安装。

    $ npm view less versions
    
    ......
    
    '2.7.0',           '2.7.1',           '2.7.2',           '2.7.3',
    '3.0.0-RC.1',      '3.0.0-RC.2',      '3.0.0-alpha.1',   '3.0.0-alpha.2',
    '3.0.0-alpha.3',   '3.0.0-alpha.4',   '3.0.0-pre.1',     '3.0.0-pre.2',
    '3.0.0-pre.3',     '3.0.0-pre.4',     '3.0.0',           '3.0.1',
    
    ......
    
  • less-loader 如果没有报错可以不用去管,报错在更具情况调整版本即可!另外需要注意,less-loader 6.0.0 版本之前与之后,配置有些区别,不清楚可以看这里