添加“less”和“less-loader”模块后如何修复损坏的vuejs项目

问题描述

我最近使用 IntelliJ 创建了一个简单的 vuejs 项目，并希望开始使用 less。但是在运行“npm install -D less less-loader”之后，我收到一个错误，我无法解开它。我尝试降级 webpack 和 less-loader，但此时它只会导致更多错误。

正在使用的版本是：

vue：@vue/cli 4.5.13

节点：v16.3.0。

webpack: 5.38.1

更少：4.1.1

少加载器：9.1.0

上述错误：

class Fornecedor(models.Model):

    nome = models.CharField(max_length=255)
    cnpj = models.CharField(max_length=20,unique=True)

    class Meta:
        verbose_name = "Fornecedo"
        verbose_name_plural = "Fornecedores"

    def __str__(self):
        return self.cnpj

解决方法

如果您使用 Webpack4，则需要安装 // using markers logger.debug(Markers.append("my_field",Map.of("dl_no","DL10252")),"my message"); // using structured arguments logger.debug("my message",StructuredArguments.kv("my_field","DL10252")); 的 v7。 因此尝试

less-loader

并遵循以下配置：https://vue-loader.vuejs.org/guide/pre-processors.html#less