账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    项目vue-cli3.0 使用vux报错,使用了Confirm这个或者Alert报错
    32
    0
    • ../x-dialog in ./node_modules/_babel-loader@8.0.4@babel-loader/lib!./node_modules/_vux-loader@1.2.9@vux-loader/src/script-loader.js!./node_modules/_vux-loader@1.2.9@vux-loader/src/script-loader.js!./node_modules/_vue-loader@14.2.3@vue-loader/lib/selector.js?type=script&index=0!./node_modules/_vux@2.9.2@vux/src/components/confirm/index.vue, ./node_modules/_babel-loader@8.0.4@babel-loader/lib!./node_modules/_vux-loader@1.2.9@vux-loader/src/script-loader.js!./node_modules/_vue-loader@14.2.3@vue-loader/lib/selector.js?type=script&index=0!./node_modules/_vux@2.9.2@vux/src/components/confirm/index.vue
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 君子之交,太淡 普通会员 1楼

      在使用Vue CLI 3.0创建项目时,如果在使用Vux或Alert库时遇到报错,可能有以下几种情况:

      1. 没有正确安装Vux或Alert库: 确保已经正确安装了Vux或Alert库。在项目根目录下运行以下命令来安装Vux:

      bash npm install vux

      对于Vux,确保安装了最新的版本,例如vux@3.2.2,或者最新稳定版,例如vux@3.3.1

      对于Alert库,可以在项目根目录下运行以下命令来安装:

      bash npm install vux-alert

      1. 在Vux组件中使用了Confirm或Alert库,但是没有配置其相关属性: 在Vux组件中使用了Confirm或Alert库,但没有配置其相关属性,例如禁用确认对话框或设置确认对话框的位置,可能会导致错误。确保在Vux组件的useConfirmuseAlert函数中添加以下代码:

      ```javascript import { VuxConfirm, VuxAlert } from 'vux';

      export default { components: { VuxConfirm, VuxAlert, }, methods: { confirm(message: string, callback: (result: boolean) => void) { VuxConfirm.show(message).then(result => { if (result) { callback(true); } else { callback(false); } }); }, alert(message: string, callback: (result: boolean) => void) { VuxAlert.show(message).then(result => { if (result) { callback(true); } else { callback(false); } }); }, }, }; ```

      1. 使用的Vux组件未包含相关的方法或属性: 在Vux组件中未包含相关的方法或属性,可能会导致Vux或Alert库的实例无法正常工作。确保在Vux组件的源码中包含以下代码:

      ```javascript import { Component } from 'vux'; import Confirm from 'vux-confirm';

      @Component({ components: { Confirm, }, }) export default { props: { message: { type: String, required: true, }, }, methods: { confirm(message: string) { Confirm.show(message).then(result => { if (result) { console.log('Confirmation successful!'); } else { console.log('Confirmation failed!'); } }); }, }, }; ```

      1. 在Vue实例中使用了Alert组件,但未使用vuxAlert实例: 在Vue实例中使用了Alert组件,但未使用vuxAlert实例,可能会导致Alert库的实例无法正常工作。确保在Vue实例的初始化阶段使用以下代码:

      ```javascript import { Alert } from 'vux-alert';

      Vue.component('my-alert', Alert); ```

      1. 其他未解决的问题: 在上述代码中,您提到使用了Confirm或Alert库,但没有具体指明报错的详细信息,如错误消息、出现错误的位置等。请提供更多的上下文信息,如您使用了哪些Vux组件、使用的Vux版本、使用了哪些Vux库的错误信息等,这样我才能给出更准确的解决方案。
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部