vue3.7.0用mint-ui按需加载错误_mint-ui vue3用不了-优快云博客

在使用Vue3.7.0重构外卖项目时遇到Mint-UI按需加载错误，报错指出未找到'mint-ui/lib/button/true'依赖。尝试了网上解决方案并修改babel.config.js，发现无需'style': 'true'。但后续操作中仍遇到其他错误，如'.plugins[0][1] must be an object, false, or undefined'和npm安装问题。通过调整配置和npm操作解决了部分问题，但对webpack和babel的理解仍不足，计划深入学习以避免类似问题。" 79719557,7288225,C/C++解决棋盘放棋子问题,"['C++编程', '算法实现', '棋盘游戏', '逻辑编程']

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用vue3.7.0重做尚硅谷外卖项目。

44：退出登陆。

填入以下内容：

module.exports = {
  presets: [
    '@vue/app'
  ],
  "plugins": [
    [
      "component",
        {
          "libraryName": "mint-ui",
          "style": "true"
        }
    ]
  ]
}

结果报错：

This dependency was not found:

* mint-ui/lib/button/true in ./src/main.js

To install it, you can run: npm install --save mint-ui/lib/button/true

我实在是不会webpack和babel，特别是现在又升级了webpack4和babel7……还有vue3.7.0……完全面目全非。

网络查找还是没有结果……

查看以下内容：

https://wenda.so.com/q/1534278835211827

里面讲的稍微详细一点……原谅我，我真的不懂这些……

然后反复尝试后发现：不需要 "style": "true"

也就是这样：

babel.config.js:

module.exports = {
  presets: [
    '@vue/app'
  ],
  "plugins": [
    [
      "component",
        {
          "libraryName": "mint-ui"
        }
    ]
  ]
}

就可以了

不过，接下来再做，还是反复出现问题，我搞不清楚原因

"style": "true"加入也可以

不过，如果出现以下问题

.plugins[0][1] must be an object, false, or undefined

貌似是因为component后不需要中括号

如果是出现

Rolling back node-pre-gyp@0.12.0 failed (this is probably harmless): EPERM: operation not permitted, lstat 'D:\demo\gshop\gshop\node_modules\fsevents\node_modules'

那么貌似是要npm un 然后npm i……

最后，babel.config.js有没有style都可以？

以下也可以，我真的搞不清楚，希望以后更进一步学习一下webpack和babel，老是升级，乱七八糟的

虽然是写的乱，也不删文章，因为这个地方总是出错，所以留下来做参考

module.exports = {
  presets: [
    '@vue/app'
  ],
  "plugins": [
    [
      "component",
      [{
        "libraryName": "mint-ui",
        "style": true
      }]
    ]
  ]
}

还有，main.js

import {Button} from 'mint-ui'
//全局注册组件
Vue.component(Button.name, Button) // <mt-button>