Code: Select all
<template>
<div>
<DataTable></DataTable>
</div>
</template>
<script>
import DataTable from 'primevue/datatable';
export default {
components: {
DataTable
}
}
Code: Select all
./node_modules/primevue/components/datatable/DataTable.vue?vue&type=script&lang=js (./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./node_modules/primevue/components/datatable/DataTable.vue?vue&type=script&lang=js) 315:61
Module parse failed: Unexpected token (315:61)
File was processed with these loaders:
* ./node_modules/cache-loader/dist/cjs.js
* ./node_modules/babel-loader/lib/index.js
* ./node_modules/cache-loader/dist/cjs.js
* ./node_modules/vue-loader-v16/dist/index.js
You may need an additional loader to handle the result of these loaders.
| if (this.reorderableColumns) {
| let columnOrder = [];
> this.columns.forEach(col => columnOrder.push(col.props?.columnKey || col.props?.field));
| this.d_columnOrder = columnOrder;
| }
Code: Select all
{
"name": "xxxx",
"version": "0.1.1",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
"dependencies": {
"core-js": "^3.6.5",
"vue": "3.0.0",
"vue-router": "^4.0.0-beta.13",
"primevue": "3.0.0-rc.2",
"primeflex": "^2.0.0",
"primeicons": "4.0.0",
"mitt": "^2.1.0"
},
"devDependencies": {
"@vue/cli-plugin-babel": "~4.5.0",
"@vue/cli-plugin-eslint": "~4.5.0",
"@vue/cli-service": "~4.5.0",
"@vue/compiler-sfc": "^3.0.0-0",
"babel-eslint": "^10.1.0",
"eslint": "^7.5.0",
"eslint-plugin-vue": "^7.0.0-0"
}
}