UNIAPP zeichnet einen Less-Loader-Fehler auf. Erstellen Sie zur Behebung vue.config.js

Notieren Sie den UNIAPP-Fehler:

Module build failed (from ./node_modules/less-loader/dist/cjs.js):

Zuerst dachte ich, es läge an der niedrigen Version von less

npm uninstall less-loader（卸载当前less-loader）
npm install [email protected] --save

Alle Versionen von less-loader anzeigen:

npm  view less-loader versions

Sehen Sie sich die neueste Version von Less-Loader an:

npm  view less-loader version

Installieren Sie Less-Loader-Version 7:

npm  i less-loader@7

Dann wurde festgestellt, dass der Fehler immer noch gemeldet wurde.

Bedenken Sie also Folgendes:
1. Option 1: Reduzieren Sie die Less-Version vorübergehend auf unter 3.0 (nicht empfohlen).

2. Aktivieren Sie JavaScript: Implementieren Sie es im Projekt, erstellen Sie eine vue.config.js-Datei im Stammverzeichnis und schreiben Sie dann den Code hinein:

const path = require('path')

module.exports = {
    css: {
        loaderOptions: {
            less: {
                javascriptEnabled: true,
                modifyVars: {
                    'hack': `true;@import "${path.resolve(__dirname, './').replace(/\\/g, '\\\\')}/laike.less";`
                }
            }
        }
    }
}  

oder:

{
  loader: "less-loader",
  options: {
    javascriptEnabled: true
  }
}

module.exports={
    //选项
    css:{
        loaderOptions:{
            less:{
                javascriptEnabled: true
            }
        }
    }
};