《ES6 报错》Module parse failed: Unexpected token (10:7) You may need an additional loader to ha

AvatarGiser

已于 2024-03-06 16:02:25 修改

阅读量775

点赞数

分类专栏：《Node.js/Vite/Webpack 报错合集》文章标签： javascript class ES6

于 2022-07-06 11:47:07 首次发布

本文链接：https://blog.csdn.net/sinat_31213021/article/details/125636486

版权

《Node.js/Vite/Webpack 报错合集》专栏收录该内容

16 篇文章 1 订阅

订阅专栏

以前可用的项目，npm install 后报错！！！最后追踪到 class 实例属性的定义上。应该是与某个插件版本更新后对 class 实例属性定义更严格，具体无法查证....

错误写法

 class MyClass {
    type = 'MyClass'; // 错误，应该写在 constructor 内
    constructor(options) {
        // 参数
        this.options = options;
    }
    
    // 其它方法
    // ...
}

正确写法

class MyClass {    
    constructor(options) {
        // 参数
        this.options = options;
        this.type = 'MyClass';// 注意有 this
    }

    // 其它方法
    // ...
}

查找资料：ES6 教程

在 ES2022 版有新写法，但由于我的环境还不是最新的，无法验证。先在此记录~