请问打包vue的时候显示Use 'verbatimModuleSyntax' instead.报错，应该如何处理？

Question

vite v4.2.1 building for production...
transforming (986) node_modules\@ant-design\icons-vue\es\icons\FunnelPlotOutlined.jserror TS5101: Option 'importsNotUsedAsValues' is deprecated and will stop functioning in TypeScript 5.5. Specify compilerOption '"ignoreDeprecations": "5.0"' to silence this error.
Use 'verbatimModuleSyntax' instead.

error TS5101: Option 'preserveValueImports' is deprecated and will stop functioning in TypeScript 5.5. Specify compilerOption '"ignoreDeprecations": "5.0"' to silence this error.
Use 'verbatimModuleSyntax' instead.

Found 2 errors.

transforming (1006) node_modules\@ant-design\icons-vue\es\icons\GooglePlusSquareFilled.jsERROR: "type-check" exited with 2.

Answer 1

这个报错是因为 Vuepress 版本低于 1.5.0，且在 Vuepress 配置文件中使用了 "modules": false 的选项。可以升级 Vuepress 版本，或者修改 Vuepress 配置文件中的 "modules" 选项为 "verbatimModuleSyntax"，即：

module.exports = {
  // ...
  evergreen: true,
  configureWebpack: {
    module: {
      rules: [
        {
          test: /\.md$/,
          use: [
            {
              loader: 'vue-loader',
              options: {
                compilerOptions: {
                  preserveWhitespace: false
                }
              }
            }
          ]
        }
      ]
    },
    output: {
      verbatimModuleSyntax: true  // 修改为 verbatimModuleSyntax
    }
  }
}

然后重新打包即可。