CDN Script fails

[enyachen]

Describe the bug

The CDN script https://unpkg.com/primevue@^3/core/core.min.js causes the following errors:

• Uncaught SyntaxError: Unexpected token ']'
• Uncaught TypeError: Cannot destructure property 'FilterMatchMode' of 'primevue.api' as it is undefined.

Reproducer

No response

PrimeVue version

3.16.0

Vue version

3.x

Language

ES6

Build / Runtime

Vue CLI App

Browser(s)

Chrome

Steps to reproduce the behavior

`

<!-- PrimeVue -->
<link href="https://unpkg.com/primevue@^3/resources/themes/saga-blue/theme.css" rel="stylesheet" />
<link href="https://unpkg.com/primevue@^3/resources/primevue.min.css" rel="stylesheet" />
<link href="https://unpkg.com/primeflex@^3/primeflex.min.css" rel="stylesheet" />
<link href="https://unpkg.com/primeicons/primeicons.css" rel="stylesheet" />

<!-- Dependencies -->
<script src="https://unpkg.com/vue@next"></script>
<script src="https://unpkg.com/primevue@^3/core/core.min.js"></script>

<!-- Demo -->
<script src="https://unpkg.com/primevue@^3/datatable/datatable.min.js"></script>
<script src="https://unpkg.com/primevue@^3/column/column.min.js"></script>
<script src="https://unpkg.com/primevue@^3/multiselect/multiselect.min.js"></script>
<script src="https://unpkg.com/primevue@^3/calendar/calendar.min.js"></script>

		<template #header>
			<div class="flex justify-content-between">
				<p-button type="button" icon="pi pi-filter-slash" label="Clear" class="p-button-outlined" @click="clearFilter()"></p-button>
				<span class="p-input-icon-left">
					<i class="pi pi-search"></i>
					<p-inputtext v-model="filters['global'].value" placeholder="Search"></p-inputtext>
				</span>
			</div>
		</template>

		<p-column field="location" header="Location" :sortable="true">
			<template #body="{data}">
				{% raw %}
				{{data.location}}
				{% endraw %}
			</template>
			<template #filter="{filterModel}">
				<p-inputtext type="text" v-model="filterModel.value" class="p-column-filter" placeholder="Search by location"></p-inputtext>
			</template>
		</p-column>

	</p-datatable>
</div>

<script type="module"> const { createApp } = Vue; const { FilterMatchMode, FilterOperator } = primevue.api; const App = { created() { this.initFilters(); }, methods: { initFilters() { this.filters = { 'global': {value: null, matchMode: FilterMatchMode.CONTAINS}, 'location': {operator: FilterOperator.AND, constraints: [{value: null, matchMode: FilterMatchMode.CONTAINS}]}, } }, clearFilter() { this.initFilters(); }, }, components: { "p-datatable": primevue.datatable, "p-column": primevue.column, "p-inputtext": primevue.inputtext, "p-button": primevue.button, "p-multiselect": primevue.multiselect, "p-calendar": primevue.calendar, "p-inputnumber": primevue.inputnumber, "p-dropdown": primevue.dropdown, }, data() { return { filters: {}, jobs: [ ] } }, }; const app = createApp(App); app.use(primevue.config.default); app.mount("#app"); </script> `

Expected behavior

No response

[mertsincan]

Fixed now. Thank you!

[h00jie]

It seems its not working yet

[mertsincan]

Could you please try it with v3.16.1?

[h00jie]

Yes you are right, excuse me ... probably my browser cached something

[mertsincan]

No problem! Thanks a lot for your update!