VSCode 和 Vue：意外字符“‌”答案

【问题标题】：VSCode and Vue: Unexpected character '‌'VSCode 和 Vue：意外字符“‌”
【发布时间】：2021-02-17 09:21:35
【问题描述】：

我在一个规模较大的 Vuejs 项目中使用 VSCode，但是，当我编写任何箭头函数或任何涉及括号的内容时，我总是遇到奇怪的意外字符错误。例如，如果我要在 methods 和 created 中间添加一个空的 computed，如下所示：

methods: {
    method1() {
        // sample code here
    },
    method2(){
        // sample code here
    }
},
computed:‌{
    
},

created() {
    if(this.condition){
        require("prismjs/components/prism-python")
    }
},

我会收到这个错误：

Syntax Error: SyntaxError: /home/me/Documents/project/src/views/folder/file.vue: Unexpected character '‌' (86:13)

  84 |         }
  85 |     },
> 86 |     computed:‌{
     |              ^
  87 |         
  88 |     },
  89 | 


 @ ./src/views/folder/file.vue?vue&type=script&lang=js& 1:0-292 1:308-311 1:313-602 1:313-602
 @ ./src/views/folder/file.vue
 @ ./src/router/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.1.175:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

但是，如果我要从另一个工作文件中复制粘贴 computed 来代替当前的 computed，删除其中的所有内容并正常编码，一切正常，因此可以安全地假设 VSCode 正在插入某事（显然我看不到）。

除了 Vetur 之外，我没有任何扩展，我什至尝试禁用/重新安装以查看是否是问题所在。我已经尝试了一切，从摆弄自动插入设置到直接重新安装 VSCode。我在 google 上找遍了，但由于某种原因，我找不到其他遇到此特定问题的人。

任何帮助将不胜感激。

【问题讨论】：

如果插入这样的空格会发生什么：computed:‌ {?
@Anatoly 完全相同的错误。
确保选中顶部菜单的[查看][渲染控制字符]。可能正在输入非打印 UTF 字符。你的语言环境是什么？或者，将文件编码更改为 ASCII，看看会发生什么。
你有一个隐藏的角色。
如果你在另一个编辑器中编辑文件，只替换分号然后执行脚本，会发生什么？

标签： javascript typescript vue.js visual-studio-code vscode-settings

【解决方案1】：

根据我的评论：确保在顶部菜单中选中 [查看][渲染控制字符]。可能正在输入非打印 UTF 字符。你的语言环境是什么？或者，将文件编码更改为 ASCII，看看会发生什么。

【讨论】：