TreeTable won't compile in TypeScript project
Posted: 02 Jan 2021, 21:43
If I try to include the TreeTable component in a TypeScript project, the compile fails, something to do with the "?" operator (Nullish Coalescing?).
I solved a similar problem when using Optional Chaining and Nullish Coalescing by setting my target to es2018 as suggested in this StackOverflow post. Changing it back did not fix this error nor did trying the Babel plugin config.
Is something getting confused by this symbol? Any suggestions?
TIA.
Code: Select all
ERROR Failed to compile with 2 errors
error in ./node_modules/primevue/components/treetable/TreeTable.vue?vue&type=template&id=455c8289
Module parse failed: Unexpected token (101:31)
File was processed with these loaders:
* ./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js
* ./node_modules/cache-loader/dist/cjs.js
* ./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js
You may need an additional loader to handle the result of these loaders.
| (_openBlock(true), _createBlock(_Fragment, null, _renderList($options.columns, (col, i) => {
| return (_openBlock(), _createBlock("th", {
> key: col.props?.columnKey||col.props?.field||i,
| style: col.props?.headerStyle,
| class: $options.getColumnHeaderClass(col),
@ ./node_modules/primevue/components/treetable/TreeTable.vue?vue&type=template&id=455c8289 1:0-270 1:0-270
@ ./node_modules/primevue/components/treetable/TreeTable.vue
@ ./node_modules/primevue/treetable.js
@ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/ts-loader??ref--13-1!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/spa/components/login/LoginOpenCompany.vue?vue&type=script&lang=ts
@ ./src/spa/components/login/LoginOpenCompany.vue?vue&type=script&lang=ts
@ ./src/spa/components/login/LoginOpenCompany.vue
@ ./src/spa/router/AppRoutes.ts
@ ./src/spa/router/router.ts
@ ./src/spa/main.ts
@ multi (webpack)-dev-server/client?http://192.168.1.102:40000&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/spa/main.ts
error in ./node_modules/primevue/components/treetable/TreeTable.vue?vue&type=script&lang=js
Module parse failed: Unexpected token (295:32)
File was processed with these loaders:
* ./node_modules/cache-loader/dist/cjs.js
* ./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js
You may need an additional loader to handle the result of these loaders.
| },
| isMultiSorted(column) {
> return column.props?.sortable && this.getMultiSortMetaIndex(column) > -1
| },
| isColumnSorted(column) {
@ ./node_modules/primevue/components/treetable/TreeTable.vue?vue&type=script&lang=js 1:0-190 1:0-190 1:191-370 1:191-370
@ ./node_modules/primevue/components/treetable/TreeTable.vue
@ ./node_modules/primevue/treetable.js
@ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/ts-loader??ref--13-1!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/spa/components/login/LoginOpenCompany.vue?vue&type=script&lang=ts
@ ./src/spa/components/login/LoginOpenCompany.vue?vue&type=script&lang=ts
@ ./src/spa/components/login/LoginOpenCompany.vue
@ ./src/spa/router/AppRoutes.ts
@ ./src/spa/router/router.ts
@ ./src/spa/main.ts
@ multi (webpack)-dev-server/client?http://192.168.1.102:40000&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/spa/main.ts
Is something getting confused by this symbol? Any suggestions?
TIA.