Блог

Я хочу импортировать ckeditor5 в свой проект React. Я ссылаюсь на официальное описание по ссылке здесь.
Сначала я выполняю установку, как показано ниже:

 npm install --save @ckeditor/ckeditor5-react @ckeditor/ckeditor5-build-classic
 

После установки я попытался выполнить свой проект, как показано ниже:

 npm start
 

Затем я получил ошибки:

ОШИБКА в ./~/@ckeditor/ckeditor5-react/dist/ckeditor.js Не удалось выполнить синтаксический анализ модуля: C:work_projectnode_modules@ckeditorckeditor5-reactdistckeditor.js Неожиданный токен (5:29505) Возможно, вам потребуется соответствующий загрузчик для обработки файлов этого типа. Синтаксическая ошибка: Неожиданный токен (5:29505) при синтаксическом анализе.pp$4.повышение (C:work_projectnode_moduleswebpacknode_modulesacorndistacorn.js:2221:15) в Parser.pp.неожиданно (C:work_projectnode_moduleswebpacknode_modulesacorndistacorn.js:603:10) в Parser.pp$3.parseIdent (C:work_projectnode_moduleswebpacknode_modulesacorndistacorn.js:2189:12) в Парсере.pp$3.имя parsePropertyName (C:work_projectnode_moduleswebpacknode_modulesacorndistacorn.js:2052:101) в Parser.pp$3.parseObj (C:work_projectnode_moduleswebpacknode_modulesacorndistacorn.js:1988:14) на Parser.pp$3.Синтаксический анализ (C:work_projectnode_moduleswebpacknode_modulesacorndistacorn.js:1805:19) в Parser.pp$3.Разбор подписок (C:work_projectnode_moduleswebpacknode_modulesacorndistacorn.js:1715:21) в Parser.pp$3.парсеМайбуНарий (C:work_projectnode_moduleswebpacknode_modulesacorndistacorn.js:1692:19) в Парсере.pp$3.Разбор экспонатов (C:work_projectnode_moduleswebpacknode_modulesacorndistacorn.js:1637:21) на Parser.pp$3.парсемайбезопасно (C:work_projectnode_moduleswebpacknode_modulesacorndistacorn.js:1620:21)

Следующее-это мое webpack.config.js:

 module.exports = {
  entry: ["./src/index.js"],
  output: {
    path: __dirname,
    publicPath: "/",
    filename: "bundle.js"
  },
  module: {
    loaders: [
      { test: /.json$/, loader: 'json-loader' },
      { test: /.css$/, loader: "css-loader" },
      {
        exclude: /node_modules/,
        loader: "babel",
        query: {
          presets: ["react", "es2015", "stage-1"]
        }
      }
    ]
  },
  resolve: {
    extensions: ["", ".js", ".jsx"]
  },
  devServer: {
    disableHostCheck: true,   // That solved it
    historyApiFallback: true,
    contentBase: "./"
  },
}; 

Я не знаю, почему я получаю эти ошибки. Можете ли вы помочь мне решить эту проблему? Спасибо!