title: @ckeditor: Error: Module not found: Error: Can't resolve './@ckeditor/ckeditor5-ui/theme/mixins/_rwd.css'
body: <p>I'm trying to customize the <a href="https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/frameworks/react.html" rel="nofollow noreferrer"><code>@ckeditor</code></a> in my react <code>strapi</code> app.</p>
  
  <p>Here's my <code>package.json</code>:</p>
  
  <pre><code>"@ckeditor/ckeditor5-basic-styles": "^16.0.0",
  "@ckeditor/ckeditor5-block-quote": "^16.0.0",
  "@ckeditor/ckeditor5-editor-classic": "^16.0.0",
  "@ckeditor/ckeditor5-essentials": "^16.0.0",
  "@ckeditor/ckeditor5-link": "^16.0.0",
  "@ckeditor/ckeditor5-list": "github:ckeditor/ckeditor5-list",
  "@ckeditor/ckeditor5-react": "^2.0.0",
  "@ckeditor/ckeditor5-ui": "^16.0.0",
  </code></pre>
  
  <p>Here's my <code>WYSIWYG</code> editor:</p>
  
  <pre><code>import React from 'react';
  import PropTypes from 'prop-types';
  import CKEditor from '@ckeditor/ckeditor5-react';
  import ClassicEditorBase from '@ckeditor/ckeditor5-editor-classic/src/classiceditor';
  import styled from 'styled-components';
  
  import Essentials from '@ckeditor/ckeditor5-essentials/src/essentials';
  import Bold from '@ckeditor/ckeditor5-basic-styles/src/bold';
  import Italic from '@ckeditor/ckeditor5-basic-styles/src/italic';
  import BlockQuote from '@ckeditor/ckeditor5-block-quote/src/blockquote';
  import Link from '@ckeditor/ckeditor5-link/src/link';
  import List from '@ckeditor/ckeditor5-list/src/list';
  import Paragraph from '@ckeditor/ckeditor5-paragraph/src/paragraph';
  import Underline from '@ckeditor/ckeditor5-basic-styles/src/underline';
  import Strikethrough from '@ckeditor/ckeditor5-basic-styles/src/strikethrough';
  import Code from '@ckeditor/ckeditor5-basic-styles/src/code';
  import Subscript from '@ckeditor/ckeditor5-basic-styles/src/subscript';
  import Superscript from '@ckeditor/ckeditor5-basic-styles/src/superscript';
  
  
  ClassicEditor.builtinPlugins = [
    Essentials,
    Bold,
      Italic,
    BlockQuote,
    Paragraph,
    List,
    Underline,
    Strikethrough,
    Subscript,
    Superscript,
    Link,
    Code
  ];
  
  // Editor configuration.
  ClassicEditor.defaultConfig = {
      toolbar: {
          items: [
      'Underline', 
      'Strikethrough', 
      'Code', 
      'Subscript', 
      'Superscript',
      'link',
      'bulletedList',
      'numberedList'
      ]
    },
    language: 'en'  
  };
  
  
  const Wrapper = styled.div`
    .ck-editor__main {
      min-height: 200px;
      &gt; div {
        min-height: 200px;
      }
    }
  `;
  
  const Editor = ({ onChange, name, value }) =&gt; {
    return (
      &lt;Wrapper&gt;
        &lt;CKEditor
          editor={ClassicEditor}
          data={value}
          onChange={(event, editor) =&gt; {
            const data = editor.getData();
            onChange({ target: { name, value: data } });
          }}
        /&gt;
      &lt;/Wrapper&gt;
    );
  };
  
  export default Editor;
  </code></pre>
  
  <p>When I try to <code>strapi build</code>, I get the following error:</p>
  
  <p><code>Error: Module not found: Error: Can't resolve './@ckeditor/ckeditor5-ui/theme/mixins/_rwd.css' in '/Users/xx/Documents/xx/01. Code/Franklin-ford/franklin-ford-cms/ford-cms/node_modules/@ckeditor/ckeditor5-link/theme'</code></p>
  
  <p>Note: When I go to the <code>node_modules/@ckeditor/ckeditor5-link/theme</code>, I don't see the required <code>/mixins/_rwd.css</code></p>
  
  <p>Thanks for your help</p>