小编kcp*_*cpr的帖子

我正在为我的反应项目开发一些降价编辑器.我想使用CodeMirror作为代码编辑器,但是当我用webpack构建它时它似乎无法工作.

如果说实话,CodeMirror在DOM树中,textArea是隐藏的,但我看到的是:

和

UPD:相同的代码在codepen上完美运行.我想这是webpack的一个问题.

一些代码:

index.js

import React from 'react';
import ReactDOM from 'react-dom';

import {Editor} from './components';

const rootElement = document.getElementById('root');

ReactDOM.render(<Editor />, rootElement);

组件/ editor.js内

import React, { Component } from 'react';
import cm from 'codemirror';
require('codemirror/mode/markdown/markdown');

export class App extends Component {
  componentDidMount() {
    this.codeMirror = cm.fromTextArea(this.refs.editor, {mode: 'markdown'})
  }
  render() {
    return (
      <div>
        <textarea ref='editor' autoComplete='off' defaultValue='default value' />
      </div>
    );
  }
}

server.js

var path = require('path');
var express = require('express');
var webpack = …