重现步骤:
- 首页使用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>的组件会报错,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>
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