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

重现步骤:

首页使用vue-cli创建uni项目: vue create -p dcloudio/uni-preset-vue my-project

在项目中创建components目录, 新建app-button.vue和app-button.js

在app-button.vue引入app-button.js

在页面中使用的组件会报错,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的代码

// 引用app-button.js会报错

import ButtonUtil from './app-button.js'

// 需重命名为app-button1.js才可以正常引入

// import ButtonUtil from './app-button1.js'

export default {

}

.app-button{

padding: 24upx;

background: red;

}

app-button.js代码:

console.log('app-button.js引入成功了');

export default function(){

}

具体页面使用:

红色的按钮

import AppButton from '@/components/app-button/app-button.vue'

export default {

components:{

AppButton

}

}