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

【报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>的组件会报错,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

  • 1***@qq.com

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


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


    2019-07-03 18:19

wenju

wenju (作者) - https://www.mescroll.com -- 精致的下拉刷新和上拉加载组件

好吧 看来只能换名字咯~

ZGH0709

ZGH0709

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

h***@qq.com

h***@qq.com

同报错,尽快解决把

rudy_24

rudy_24

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

平凡开发者

平凡开发者

快快解决吧,快哭了

DCloud_uniAD_HDX

DCloud_uniAD_HDX

cli 更到最新版本

1***@qq.com

1***@qq.com - jgjgjgjgj

同报错,捉急啊

1***@qq.com

1***@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

该问题目前已经被锁定, 无法添加新回复