Vue 中 Class constructor cannot be invoked without 'new'" 解决方法

最新推荐文章于 2025-06-11 19:50:48 发布

原创最新推荐文章于 2025-06-11 19:50:48 发布 · 5.6w 阅读

8 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了解决Webpack配置中出现的CommonJS模块识别问题，通过调整Babel的.babelrc配置文件，阻止不必要的模块转换，最终解决了在浏览器环境中无法识别模块的错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这种一般是父类和new 这个子类的地方不在一起，比如我这次的父类在node_module里，当然也不可能挪到一起啊，然后就在

webpack里面把node_module的路径加上了

webpack.base.conf.js，见最后一行

{
        test: /\.js$/,
        loader: 'babel-loader',
        include: [ resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client'),
        resolve('node_modules/@bentley')]
},

加上后又报新错 “exports is not defined”

这是使用了CommonJs写法，而在应用中并没有做相应的模块转换使得浏览器能够识别。而导致这个问题是因为balbel的配置文件.babelrc的问题：

需要改动.babelrc文件即可：

{
  "presets": [
    ["env", {
      "modules":"false"
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": ["transform-vue-jsx", "transform-runtime"]
}

其中{ "modules": false }阻止了babel进行模块转换，所以，将modules改为默认设置即可，或者删除该配置。

然后重新编译就好了