Vue project Less: Inline JavaScript is not enabled. Is it set in your options?

Error screenshot

The reason for the error

Due to the low version of less in the component library, you can reduce less to less than 3.0.

However, if you want to use the latest version of less, configure the CSS configuration items in vue.config.js.

The solution

module.exports = {
  css: {
    loaderOptions: {
      less: {
        javascriptEnabled: true}}}};Copy the code