wenju
wenju
  • 发布:2019-07-02 14:34
  • 更新:2019-07-24 17:41
  • 阅读:462

【报Bug】vue-cli创建的uni项目,组件内无法引用相同名字的js, @dcloudio/webpack-uni-mp-loader需退回到0.3.629版本才可以

分类:HBuilderX

重现步骤:

  1. 首页使用vue-cli创建uni项目: vue create -p dcloudio/uni-preset-vue my-project
  2. 在项目中创建components目录, 新建app-button.vue和app-button.js
  3. 在app-button.vue引入app-button.js
  4. 在页面中使用的组件会报错,app-button.js没有引用成功

临时的解决方法:
方法1. 把app-button.js改为app-button1.js 即可引入成功
方法2. 把@dcloudio/webpack-uni-mp-loader从0.3.632退回到0.3.629版本才可以

app-button.vue的代码

<template>  
    <view class="app-button">  
        <slot></slot>  
    </view>  
</template>  

<script>  
    // 引用app-button.js会报错  
    import ButtonUtil from './app-button.js'  

    // 需重命名为app-button1.js才可以正常引入  
    // import ButtonUtil from './app-button1.js'  
    export default {  
    }  
</script>  

<style>  
    .app-button{  
        padding: 24upx;  
        background: red;  
    }  
</style>  

app-button.js代码:

console.log('app-button.js引入成功了');  
export default function(){  
}  

具体页面使用:

<template>  
    <view>  
        <app-button>红色的按钮</app-button>  
    </view>  
</template>  

<script>  
    import AppButton from '@/components/app-button/app-button.vue'  
    export default {  
        components:{  
            AppButton  
        }  
    }  
</script>  

<style>  
</style>  
2019-07-02 14:34 分享
已邀请:
ZGH0709

ZGH0709

不支持该写法,推荐使用第一种方案,更换 js 文件名字即可。

  • wenju (作者)

    为什么从0.3.632退回到0.3.629版本就可以呢 ?

    意思是最新编译就不支持这个写法了?

    2019-07-03 16:37

  • 1770682633@qq.com

    现在回到0.3.629版本也不行了,其他核心编译工具也更新了,只要不使用最新版本就会报错:


    Cannot find module '@dcloudio/webpack-uni-mp-loader/lib/style.js'

    2019-07-03 18:19

wenju

wenju (作者) - http://www.mescroll.com -- 精致的下拉刷新和上拉加载js框架. 主流APP案例, 一套代码多端运行~ 问题咨询请发私信哈~

好吧 看来只能换名字咯~

ZGH0709

ZGH0709

Bug 已确认,后续会修复该问题。

helsonxiao@qq.com

helsonxiao@qq.com

同报错,尽快解决把

rudy_24

rudy_24

@ZGH0709 这个bug还没有修复吗?都过去10天了

试水uniapp

试水uniapp - jkldjdlk

快快解决吧,快哭了

DCloud_UNI_HDX

DCloud_UNI_HDX

cli 更到最新版本

1170463068@qq.com

1170463068@qq.com

同报错,捉急啊

1540832253@qq.com

1540832253@qq.com

刷个回复
http://www.chuhei0386.top
http://www.chuhei4558.top
http://www.chuhei3582.top
http://www.chuhei5918.top
http://www.chuhei3935.top
http://www.chuhei5112.top
http://www.chuhei6689.top
http://www.chuhei0563.top
http://www.chuhei8607.top
http://www.chuhei7707.top
http://www.chuhei6693.top
http://www.chuhei3365.top
http://www.chuhei3817.top

要回复问题请先登录注册