VS Code 中 Gatsby 网页的意外字符错误

Question

我在启动开发服务器时收到以下错误消息：

gatsby-browser.js的代码是

import { rootWrapper } from "./root-wrapper";

export const wrapPageElement = rootWrapper;

root-wrapper.js 的代码是：

import React from 'react';
import { Layout } from "./src/components/layout";

export const rootWrapper = ({ element }) => {
    return <Layout>{element}</Layout>;
};

对导致此错误的原因有任何想法吗？我以前从未在 VS Code 的错误中看到 pink/red 条。

Answer 1

我认为这是由于您的 VSCode 环境中的扩展运行造成的？

首先尝试禁用所有扩展，尤其是那些与您的项目和语法相关的扩展

Answer 2

检查那个文件的字符编码（状态栏右下角），它读的是什么？

或者尝试更改编码：通过单击该状态栏项目或调用 Change File Encoding 命令，然后调用 Save with Encoding，然后选择 UTF-8（没有 BOM 的那个）。

VS Code 中 Gatsby 网页的意外字符错误

Unexpected character error in VS Code for a Gatsby webpage

javascript

visual-studio-code

gatsby