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\_mlly@1.1.0@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()]
      })
    ]
  }
})

以上。
 
                
            
         浙公网安备 33010602011771号
浙公网安备 33010602011771号