时间戳

首页 > 解决方案 > 升级后 VueJS 3.0.0 Pug 渲染失败

vue.js - 升级后 VueJS 3.0.0 Pug 渲染失败

问题描述

我整天都在用头撞墙。

基本上，我继承了一个非常大的 Vue 2 项目，它只使用 webpack 实现（没有 CLI）和数百个 SFC 组件。几乎每个 SFC 组件都使用第一个元素缩进的模板——像这样：

<template lang="pug">
     span
         b Some Stuff
</template>

这几个月来一直编译得很好。似乎 Vue 3 及其相关版本的 vue-loader 和编译器不喜欢这样......它必须是这样的：

<template lang="pug">
span
    b Some Stuff
</template>

您可以想象，在构建过程中，我遇到了数百个“意外字符'缩进'”错误。无论我是使用 CLI 还是使用 webpack 实现，所有相关的升级都是手动完成的，我都会遇到这个问题......

尽管我很喜欢手动分页浏览数百个 .vue 文件并返回内容的想法，但必须有更好的方法来解决这个问题......对吗？似乎有一个名为 vue-indent-pug-loader 的 npm 包，但是在替换 webpack 文件中的 pug-plain-loader 之后，这似乎对问题没有任何影响。

是否有一些你知道的实用程序可以滚动并“修复”我的模板块，或者我可以放置在编译器前面让它按原样处理模板，或者我是手动修复这些还是停留在上面维2？

谢谢！

标签： vue.jswebpack

解决方案

推荐阅读