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
}),
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐