handlebars templates highlighting doesn't work

`

import $ from 'jquery';

import Prism from 'prismjs/components/prism-core';
import 'prismjs/components/prism-markup';
import 'prismjs/components/prism-markup-templating';

import 'prismjs/components/prism-handlebars';
import loadLanguages from 'prismjs/components/index.js';

export class StyleHighlighter {

  constructor(){

      loadLanguages(['handlebars']);
      Prism.highlightAll();


  }

}

new StyleHighlighter();

`

The error is showing: Uncaught Error: Cannot find module './prism-markup'

Do you have a working version of latest handlbars template highlighting?

[mAAdhaTTah]

This is probably a result of how your webpack is configured. If the css loaders only include css files within the project (e.g. Ignoring node_modules), it’ll ignore css dependencies and throw this error.

[agm1984]

I found a solution for stubbing CSS files: https://stackoverflow.com/a/41851815/6141025

You can use moduleNameMapper to map *.css to the stub:

./jest.config.js

{
    "moduleNameMapper": {
        "\\.(css|scss)$": "<rootDir>/__mocks__/styleMock.js"
    }
}

./mocks/styleMock.js

module.exports = {};

I was getting an error related to this issue and Prismjs:

    Details:

    .../node_modules/prismjs/plugins/line-highlight/prism-line-highlight.css:1
    pre[data-line] {
                   ^

    SyntaxError: Unexpected token '{'