使用volar插件报错

来源：3-14 模块化结合typescript - 泛型改造

crazyones110

2021-05-25

老师您好，我看到volar插件可以在template中提供ts支持，加上尤大说vetur未来也会迁移到volar上，就用了volar插件
script里的代码都是一样的，在template中

<template>
  <img :src="result?.[0].url" /><!--不用optional chaining volar报错，用了vue编译通不过-->
</template>

报错描述

我webpack不是很熟练，网上也没查到合适的方案

写回答

1回答

张轩

2021-05-26

同学你好我没有用 volar，有可能 volar 对 ts 的支持还不是那么强大，optional chaining 不支持不过可以试一下改成 template 比较通用的写法，先用 v-if 判断 result 的存在

或者更通用的表达式写法 <img :src="result && result[0].url">

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目，率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

相似问题

回答 2

回答 2

RulesProp

回答 1

回答 1

回答 3