VS Code MDX 扩展显示脚注和默认导出错误

VS Code MDX Extension shows error for footnotes and default export

提问人:resw67 提问时间:11/13/2023 更新时间:11/13/2023 访问量:6

问:

我在 Tailwind CSS 的 Next.js 上有项目,并且我的一些页面正在使用 MDX。在MDX文件中,有以下导出行:

export default ({children}) => <div className='prose'>{children}</div>

此行显示以下错误:一个模块不能有多个默认exports.ts(2528)

此外,我还使用这样的脚注:

Mübalağa ve ziyade[^ziyade]lik manası...

[^ziyade]: ziyade: fazla, çok

此行显示此错误:

No link definition found: '^ziyade'(link.no-such-reference)

直到今天,还没有这样的错误。几个小时来,我一直在试图找到解决方案,但我无法找到解决方案。

我尝试按照以下说明更改.eslintrc.json设置:使用 eslint-plugin-mdx 修复Next.js中的 MDX linting 错误,但没有奏效。

我已经更新了所有软件包和Next.js但没有工作。

我正在使用 VS Code MDX 扩展进行语法突出显示,我相信这些错误与此扩展有关。我试图按照他们页面中的说明更改其设置,但它也不起作用。

package.json

  "dependencies": {
    "@mdx-js/loader": "^3.0.0",
    "@mdx-js/react": "^3.0.0",
    "@next/mdx": "^14.0.2",
    "rehype-slug": "^6.0.0",
    "remark-gfm": "^4.0.0",
  },

next.config.mjs

import remarkGfm from 'remark-gfm'
import rehypeSlug from 'rehype-slug';

import nextMDX from '@next/mdx'

const withMDX = nextMDX({
  extension: /\.mdx?$/,
  options: {
    remarkPlugins: [
      remarkGfm, // GitHub Flavored Markdown
    ],
    rehypePlugins: [
      rehypeSlug, // add IDs to any h1-h6 tag that doesn't have one, using a slug made from its text
    ],
  }
})

/** @type {import('next').NextConfig} */
const nextConfig = {
  output: 'export',
  trailingSlash: true,
  pageExtensions: ['js', 'jsx', 'ts', 'tsx', 'md', 'mdx'],

tsconfig.json

"mdx": {
   "plugins": ["remark-gfm"]
},

有没有办法防止这些错误?谢谢。

reactjs next.js markdown vscode-extensions mdx

评论

0赞 resw67 11/13/2023
这似乎是与 1.5.0 相关的错误。我已经安装了 1.4.0,错误消失了。

答: 暂无答案