Ошибка на объектах рендеринга содержимого элемента дерева элементов пользовательского интерфейса

Я получаю сообщение об ошибке при попытке использовать этот элемент пользовательского интерфейса в моем компоненте laravel vue https://jsfiddle.net/6uwsvo2q/. Это библиотека компонентов дерева, которая имеет функцию для добавления элемента по щелчку, используя render-content реквизит. Вот ошибка ниже.

ERROR in ./vue/components/Item/CategoryTree.vue?vue&type=script&lang=js& (./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./vue/components/Item/CategoryTree.vue?vue&type=script&lang=js&)
Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: D:\Projects\Laravel\hubshake\vue\components\Item\CategoryTree.vue: Unexpected token (338:8)

  336 |     renderContent(h, { node, data, store }) {
  337 |       return (
> 338 |         <div class="el-tree-node__label">
      |         ^
  339 |           <span class={{ hidden: data.edit }}>{node.label}</span>
  340 |           <el-input
  341 |             id={`in_${data.id}`}
    at Parser.raise (D:\Projects\Laravel\hubshake\node_modules\@babel\parser\lib\index.js:3831:17)
    at Parser.unexpected (D:\Projects\Laravel\hubshake\node_modules\@babel\parser\lib\index.js:5143:16)
    at Parser.parseExprAtom (D:\Projects\Laravel\hubshake\node_modules\@babel\parser\lib\index.js:6283:20)
    at Parser.parseExprSubscripts (D:\Projects\Laravel\hubshake\node_modules\@babel\parser\lib\index.js:5862:23)
    at Parser.parseMaybeUnary (D:\Projects\Laravel\hubshake\node_modules\@babel\parser\lib\index.js:5842:21)
    at Parser.parseExprOps (D:\Projects\Laravel\hubshake\node_modules\@babel\parser\lib\index.js:5729:23)
    at Parser.parseMaybeConditional (D:\Projects\Laravel\hubshake\node_modules\@babel\parser\lib\index.js:5702:23)
    at Parser.parseMaybeAssign (D:\Projects\Laravel\hubshake\node_modules\@babel\parser\lib\index.js:5647:21)
    at Parser.parseParenAndDistinguishExpression (D:\Projects\Laravel\hubshake\node_modules\@babel\parser\lib\index.js:6435:28)
    at Parser.parseExprAtom (D:\Projects\Laravel\hubshake\node_modules\@babel\parser\lib\index.js:6215:21)
    at Parser.parseExprSubscripts (D:\Projects\Laravel\hubshake\node_modules\@babel\parser\lib\index.js:5862:23)
    at Parser.parseMaybeUnary (D:\Projects\Laravel\hubshake\node_modules\@babel\parser\lib\index.js:5842:21)
    at Parser.parseExprOps (D:\Projects\Laravel\hubshake\node_modules\@babel\parser\lib\index.js:5729:23)
    at Parser.parseMaybeConditional (D:\Projects\Laravel\hubshake\node_modules\@babel\parser\lib\index.js:5702:23)
    at Parser.parseMaybeAssign (D:\Projects\Laravel\hubshake\node_modules\@babel\parser\lib\index.js:5647:21)
    at Parser.parseExpression (D:\Projects\Laravel\hubshake\node_modules\@babel\parser\lib\index.js:5595:23)
    at Parser.parseReturnStatement (D:\Projects\Laravel\hubshake\node_modules\@babel\parser\lib\index.js:7614:28)
    at Parser.parseStatementContent (D:\Projects\Laravel\hubshake\node_modules\@babel\parser\lib\index.js:7292:21)
    at Parser.parseStatement (D:\Projects\Laravel\hubshake\node_modules\@babel\parser\lib\index.js:7248:17)
    at Parser.parseBlockOrModuleBlockBody (D:\Projects\Laravel\hubshake\node_modules\@babel\parser\lib\index.js:7812:25)
    at Parser.parseBlockBody (D:\Projects\Laravel\hubshake\node_modules\@babel\parser\lib\index.js:7799:10)
    at Parser.parseBlock (D:\Projects\Laravel\hubshake\node_modules\@babel\parser\lib\index.js:7788:10)
    at Parser.parseFunctionBody (D:\Projects\Laravel\hubshake\node_modules\@babel\parser\lib\index.js:6876:24)
    at Parser.parseFunctionBodyAndFinish (D:\Projects\Laravel\hubshake\node_modules\@babel\parser\lib\index.js:6860:10)
    at Parser.parseMethod (D:\Projects\Laravel\hubshake\node_modules\@babel\parser\lib\index.js:6804:10)
    at Parser.parseObjectMethod (D:\Projects\Laravel\hubshake\node_modules\@babel\parser\lib\index.js:6713:19)
    at Parser.parseObjPropValue (D:\Projects\Laravel\hubshake\node_modules\@babel\parser\lib\index.js:6755:23)
    at Parser.parseObj (D:\Projects\Laravel\hubshake\node_modules\@babel\parser\lib\index.js:6670:12)
    at Parser.parseExprAtom (D:\Projects\Laravel\hubshake\node_modules\@babel\parser\lib\index.js:6229:21)
    at Parser.parseExprSubscripts (D:\Projects\Laravel\hubshake\node_modules\@babel\parser\lib\index.js:5862:23)
    at Parser.parseMaybeUnary (D:\Projects\Laravel\hubshake\node_modules\@babel\parser\lib\index.js:5842:21)
    at Parser.parseExprOps (D:\Projects\Laravel\hubshake\node_modules\@babel\parser\lib\index.js:5729:23)
    at Parser.parseMaybeConditional (D:\Projects\Laravel\hubshake\node_modules\@babel\parser\lib\index.js:5702:23)
    at Parser.parseMaybeAssign (D:\Projects\Laravel\hubshake\node_modules\@babel\parser\lib\index.js:5647:21)
    at Parser.parseObjectProperty (D:\Projects\Laravel\hubshake\node_modules\@babel\parser\lib\index.js:6730:101)
    at Parser.parseObjPropValue (D:\Projects\Laravel\hubshake\node_modules\@babel\parser\lib\index.js:6755:101)
 @ ./vue/components/Item/CategoryTree.vue?vue&type=script&lang=js& 1:0-188 1:204-207 1:209-394 1:209-394
 @ ./vue/components/Item/CategoryTree.vue
 @ ./vue/components.js
 @ ./vue/main.js
 @ multi ./vue/main.js

Я уже обновил свои модули узлов. Это причина этих ошибок? Если да, то как и в какой библиотеке npm мне нужно решить эту проблему?

Библиотеки NPM:

  • "@ babel / core": "^ 7.2.2"
  • "@ babel / preset-env": "^ 7.3.1"
  • "vue": "^ 2.5.15"
  • "laravel-mix": "^ 4.0.14"
  • "webpack": "^ 4.29.3"
  • "webpack-dev-server": "^ 3.1.14"

0 ответов

Другие вопросы по тегам