Question

自我提升到3.4.4版后,我现在在我的浏览器的ole子里收到以下警告:

特征旗帜VUE_PROD_HYDRATION_MISMATCH_DETAILS没有明确定义。你们正在管理着Vue的es子-b子建设,预计这些集邮的标志将在全球范围内通过dler子会注入,以便在生产泡沫中更好地植树。

因此,我读到,它带有一些新旗帜。

EDIT:

在我的项目中,Im使用卷宗。是否应当增加国旗? 目前,它希望:

const { defineConfig } = require( @vue/cli-service )
module.exports = defineConfig({
  transpileDependencies: true
})

My question: "Where do I set this flag"? I find a lot of info about that I should define this flag but no info on "where" I should define it...

Answer 1

If you are using the no longer maintained @vue/cli-service with webpack, it is caused by the fact that the tool does not define the default for this feature flag. It does so for the other two bundler feature flags, and while I created a PR to add this default (as I just hit this myself - https://github.com/vuejs/vue-cli/pull/7443), I do not expect it to get merged and released as the latest release is from July 2022.

So, you should define it yourself in the webpack configuration using the define plugin.

由于对<代码>vue.config.js的使用提出疑问,你可以确定如下:

const { defineConfig } = require( @vue/cli-service )
const webpack = require( webpack );

module.exports = defineConfig({
  configureWebpack: {
    plugins: [
      new webpack.DefinePlugin({
        // Vue CLI is in maintenance mode, and probably won t merge my PR to fix this in their tooling
        // https://github.com/vuejs/vue-cli/pull/7443
        __VUE_PROD_HYDRATION_MISMATCH_DETAILS__:  false ,
      })
    ],
  },
});

见https://cli.vuejs.org/config/#configureweb Pack。

Answer 2

对我来说,首先需要安装网络包

npm install webpack --save-dev

安装后,编辑与文件

const { defineConfig } = require( @vue/cli-service )
const webpack = require( webpack );

module.exports = defineConfig({
  transpileDependencies: true,
  configureWebpack: {
    plugins: [
      new webpack.DefinePlugin({
         __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ : JSON.stringify(false),  
// Replace with true if detailed mismatch info is needed
         __VUE_OPTIONS_API__ : JSON.stringify(true),
        __VUE_PROD_HYDRATION_MISMATCH_DETAILS__:  false ,
      })
    ],
  },
})

友情链接