ember-auto-import | Zero config import from npm packages | Build Tool library

@ckeditor/ckeditor5-image/src/image imports a CSS file. As CKEditor uses CSS-in-JS and other features not part of ECMAScript specification you need to configure webpack to support it. CKEditor's documentation includes a minimal configuration example:

You just need to change line "typescript": "^3.7.2" -> "typescript": "~3.7.2"

Somehow your typescript got updated to 3.8, which has this issue: https://github.com/typed-ember/ember-cli-typescript/issues/1103

Just use ember-cli-sass:

1. first add it to includePaths in your ember-cli-build.js

I strongly recommend using ember-monaco instead of monaco-editor, unless the following are all true: you are already successfully using Embroider, ember-monaco is missing a key feature that is impossible to add to that package, and you can dedicate significant effort to setting it up by hand in the Ember app (weeks).

In order to use Webpack plugins in an Ember app, you would also need to install and use Embroider. Regular ember-cli builds do not use Webpack at all, so the Webpack plugin will not work.

If you are committed to using monaco-editor directly, you must:

• use Embroider
• have monaco-editor installed
• have the Webpack plugin monaco-editor-webpack-plugin installed,
• install a polyfill (@cardstack/requirejs-monaco-ember-polyfill), and follow the readme to register
• register the webpack plugin and import the css files

Here's a sample ember-cli-build.js file: