code inside editor is not getting highlighted despite declaring theme and language

[rohitasare7]

The code in my vue component --> I have declared the theme.

output -->

Warning in console -->

I haven't done any changes in anything, today only I ran NPM Update, Composer Update (I have a Laravel Inertia + Vue project)

Please help if anyone facing this issue

[rohitasare7]

So I had to revert back the highlight.js version to 11.8.0 and it is working fine now. Fortunately I had a backup and I rolled back my changes

[michael-mb]

So I had to revert back the highlight.js version to 11.8.0 and it is working fine now. Fortunately I had a backup and I rolled back my changes

How can you do that ?

How do you do that? I've tried to change the version in my package.json but it doesn't work. I've just noticed that the highlight.js is already in the simple-code-editor node package.

[michael-mb]

package.json

"dependencies": {
    "highlight.js": "11.8.0",
    "simple-code-editor": "^2.0.8",
    "vue": "^3.3.4",
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^4.2.3",
    "vite": "^4.3.9"
  },
  "resolutions": {
    "highlight.js": "11.8.0"
  }

I solved the problem by overwriting the dependency contained in "node_modules/highlight.js".

[MiguelAleixo]

Same problem here, I changing my dependencies on package.json to:

"highlight.js": "11.8.0",
"simple-code-editor": "^2.0.8"
Then just delete my yarn.lock (package.lock) and the node_modules
and finally install again the dependencies with yarn or npm!
Works perfectly and doesn't give any more errors in the console.

To more details see this: #45

[Anubarak]

@rohitasare7 Thank you very much - I spend 2 hours to get that working.
you saved my day

[aryankarim]

If the highlight did not work in production with 11.8.0, add this:

  "resolutions": {
    "highlight.js": "11.8.0"
  }