DataTable Basic: Wrapper becomes button

[jochem]

Bug is not related to only the DataTable Basic component, but basically every DataTable component.

I'm using the exact same code as in the DataTable example: https://primevue.org/datatable/basic.

In the DOM, the DataTable element results in:

Code: Select all

<div data-v-5ccf6f9a="">
 <button class="p-button p-component" type="button" responsivelayout="scroll" value="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]">
 <!----><!----><!----><!---->
</button>
</div>

Is there something wrong with the [object Object]? There's no documentation about that.

If I log the `getProductsSmall()` output in `ProductService.js` I get an array with 10 items.

Dependencies:

Code: Select all

"dependencies": {
    "pinia": "^2.0.28",
    "primeicons": "^6.0.1",
    "primevue": "^3.23.0",
    "vue": "^3.2.45",
    "vue-router": "^4.1.6",
    "vuedraggable": "^4.1.0"
  },
  "devDependencies": {
    "@rushstack/eslint-patch": "^1.1.4",
    "@types/node": "^18.11.12",
    "@vitejs/plugin-vue": "^4.0.0",
    "@vue/eslint-config-prettier": "^7.0.0",
    "@vue/eslint-config-typescript": "^11.0.0",
    "@vue/tsconfig": "^0.1.3",
    "eslint": "^8.22.0",
    "eslint-plugin-vue": "^9.3.0",
    "npm-run-all": "^4.1.5",
    "prettier": "^2.7.1",
    "sass": "^1.58.3",
    "sass-loader": "^13.2.0",
    "typescript": "~4.7.4",
    "vite": "^4.0.0",
    "vue-tsc": "^1.0.12"
  }

[jochem]

I also get this error in the CLI. App still works.

[vite] error while updating dependencies:
Error: Build failed with 1 error:
error: Two output files share the same path but have different contents: node_modules/.vite/deps_temp/primevue_Column.js

[cagatay.civici]

Can you post the part where you import and register the DataTable.

[jochem]

main.ts

Code: Select all

import { createApp } from "vue";

// Vue
import App from "./App.vue";
import router from "./router";

// PrimeVue
import PrimeVue from "primevue/config";
import Column from "primevue/column";
import DataTable from "primevue/button";

const app = createApp(App);

app.use(PrimeVue);

// Components (PV prefix)
app.component("PVColumn", Column);
app.component("PVDataTable", DataTable);

app.mount("#app");

[jochem]

Any update on this?

[cagatay.civici]

Code: Select all

import DataTable from "primevue/button";

should be;

Code: Select all

import DataTable from "primevue/datatable";

[jochem]

me stupid.

Thanks tho, solved!