Vue3 + webpack5 项目启动出现警告 __VUE_OPTIONS_API__, __VUE_PROD_DEVTOOLS__ are not explicitly defined......

Vue3 + webpack5 项目启动出现警告 VUE_OPTIONS_API, VUE_PROD_DEVTOOLS are not explicitly defined…

最近在项目启动的时候,突然发现控制台输出一个警告,虽说不影响项目运行,但是对于有强迫症的我来说,还是得解决下。

项目报错:

image

解决方案:在 webpack.config.jsplugins 添加如下配置。

image
new webpack.DefinePlugin({
    
    
  __VUE_OPTIONS_API__: true, 
  // 是否开启 options API,学习Vue3之后我们知道,以前我们学习vue主要是options语法,Vue3新增了setup语法(推荐)。
  __VUE_PROD_DEVTOOLS__: false 
  // 生产环境是否支持DEVTOOLS
}),

猜你喜欢

转载自blog.csdn.net/weixin_42927679/article/details/131987557