client.js?06a0:103 TypeError: _assets_js_Product_js__WEBPACK_IMPORTED_MODULE_0__.Product is not a constructor in VueJs

Question

我试图在我的 vue 项目中使用一些 OOP JS，我做了一个非常基本的 class 但是当我尝试创建一个新对象时我得到以下错误：

client.js?06a0:103 TypeError: _assets_js_Product_js__WEBPACK_IMPORTED_MODULE_0__.Product is not a constructor

class 看起来像这样：

export default class Product {
  name;
  steps;
  model;
  control;
  montage;
  etage;
  dimensions;

  constructor(name) {
    this.name = name;
  }
}

在我的组件中，我像这样导入 class：

import { Product } from '~/assets/js/Product.js'

然后我尝试创建这样的对象：

const product = new Product('markiezen');

我不明白我在这里做错了什么我在 Java 中完成了 OOP，但之前没有在 Java 脚本中完成，但是对于我读过的内容来说，这应该可以工作但这不是我错过了什么？

Answer 1

从模块导出默认值时，导入名称不应包含在花括号中 {}。相反，只需像这样导入：

import Product from '~/assets/js/Product.js'

或者，您可以从 export default class Product 行中删除 default。

client.js?06a0:103 TypeError: _assets_js_Product_js__WEBPACK_IMPORTED_MODULE_0__.Product is not a constructor in VueJs

client.js?06a0:103 TypeError: _assets_js_Product_js__WEBPACK_IMPORTED_MODULE_0__.Product is not a constructor in VueJs

javascript

oop

vue.js