Ошибка на объектах рендеринга содержимого элемента дерева элементов пользовательского интерфейса
Я получаю сообщение об ошибке при попытке использовать этот элемент пользовательского интерфейса в моем компоненте 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"