No syntax hilight for code block about nextra HOT 10 CLOSED

I'm having this issue as well. I'm trying to enable syntax highlighting for Swift. I followed the instructions and added the needed config to the _app.js file yet syntax highlighting does not work. Nor for Javascript code snippets.

Here's my _app.js file:

import Prism from 'prism-react-renderer/prism'
;(typeof global !== 'undefined' ? global : window).Prism = Prism

require('prismjs/components/prism-swift')

import 'nextra-theme-docs/style.css'
import '../styles/globals.css'

export default function Nextra({ Component, pageProps }) {
  return <Component {...pageProps} />
}

This is what gets rendered:

from nextra.

You may try the versions of packages used in https://github.com/shuding/site/blob/master/package.json if you cannot see the code highlighting in blog theme.

from nextra.

ive just tested with deployment on vercel and code highlighting works here, it just looks a bit odd, since nextra uses a dark backround for code / pre blocks, which makes text unreadable.

from nextra.

i trying to clone it, and when in npm run dev code blocks dont have highlights. But, trying upload in vercel / npm run build will has highlights, only in production

from nextra.

Interesting, Im having the same issue, just the other way around, code highlighting works on localhost (next dev and next start) but as soon as I roll it out on prod, code highlighting does not work anymore.

I am using these prism imports

https://nextra.vercel.app/docs/advanced/code-highlighting

Before code highlighting did not work at all.

from nextra.

Can't reproduce this personally, I think more insights are needed from the community. Will keep eyes open on this!

from nextra.

When I use npm install -> npm run dev, syntax highlighting does not work.

If I use yarn, then it works.

from nextra.

I'm having the same issue with Swift syntax highlighting @spaceinvadev is experiencing.

from nextra.

You may try the versions of packages used in https://github.com/shuding/site/blob/master/package.json if you cannot see the code highlighting in blog theme.

This worked for me! Thank you, @suica!

from nextra.

closing since works fine in beta 2

from nextra.