Cannot find module ‘node:module‘ & "plugins" is not allowed 的解決辦法

在寫demo時，裝了下t-design-vue2的框架，想做個按需加載，官網這樣說

但是我運行以後發現報錯了

 Error: Cannot find module 'node:module'
        Require stack:
        - D:\ruanjian\nvm\v19.0.0\xiangmu\niu789\niu789\node_modules\[email protected]@mlly\dist\index.cjs

摸不着頭腦的那種

後來發現是默認安裝的版本太高了，鎖定版本：

//package.json
"devDependencies":{
    "unplugin-auto-import": "^0.7.1",
    "unplugin-vue-components": "^0.19.3",
}

然後再運行又報了另外一個錯:

Invalid options in vue.config.js: "plugins" is not allowed

百度後說vue.config.js裏的plugin項要寫到configureWebpack裏去，遂解決
main.js:

import VueCompositionAPI from '@vue/composition-api'
// 引入組件庫的少量全局樣式變量
import 'tdesign-vue/es/style/index.css'

Vue.use(VueCompositionAPI) // 必須是項目的第一個 use

config.js:

const { defineConfig } = require('@vue/cli-service')
const AutoImport = require('unplugin-auto-import/webpack')
const Components = require('unplugin-vue-components/webpack')
const { TDesignResolver } = require('unplugin-vue-components/resolvers')
module.exports = defineConfig({
  transpileDependencies: true,
  configureWebpack: {
    plugins: [
      AutoImport({
        resolvers: [TDesignResolver()]
      }),
      Components({
        resolvers: [TDesignResolver()]
      })
    ]
  }
})

以上。