Codemirror lint feature not working react-codemirror in React/Redux/Typescript App
You need to load the lint CSS
codemirror/addon/lint/lint.css
and any other CSS for code mirror.
Also, for further clarification here are my imports:
import CodeMirror from 'react-codemirror'import { JSHINT } from 'jshint'import 'codemirror/addon/lint/lint'import 'codemirror/addon/lint/javascript-lint'import 'codemirror/mode/javascript/javascript'window.JSHINT = JSHINTAnd don't forget these options:
var options = { mode: 'javascript', gutters: ['CodeMirror-lint-markers'], lint: true}
I had a similar issue and fixed it by making jshint available on the window by replacing:
import '../../../node_modules/jshint/dist/jshint';with
(<any>window).JSHINT = require('jshint').JSHINT;