Live2d Test Env

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()]
})
]
}
})

以上。

posted @   致爱丽丝  阅读(501)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 上周热点回顾(3.3-3.9)
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
点击右上角即可分享
微信分享提示