Estoy tratando de usar OOP JS en mi proyecto vue, hice una clase muy básica pero cuando intento crear un nuevo objeto, aparece el siguiente error:
client.js?06a0:103 TypeError: _assets_js_Product_js__WEBPACK_IMPORTED_MODULE_0__.Product is not a constructor
La clase se ve así:
export default class Product { name; steps; model; control; montage; etage; dimensions; constructor(name) { this.name = name; } }En mi componente importo la clase así:
import { Product } from '~/assets/js/Product.js'Y luego trato de crear el objeto así:
const product = new Product('markiezen');No entiendo qué estoy haciendo mal aquí. He hecho OOP en Java pero no en Javascript antes, pero por lo que he leído, esto debería funcionar, pero no es lo que me estoy perdiendo.
Al exportar un valor predeterminado de un módulo, el nombre de importación no debe estar entre llaves {} . En su lugar, simplemente importe así:
import Product from '~/assets/js/Product.js' Como alternativa, puede eliminar el default de la línea de export default class Product .