"openBlock" is not exported by "node_modules/@dcloudio/uni-mp-vue/dist/vue.runtime.esm.js" in uni-app
“openBlock” is not exported by “node_modules/@dcloudio/uni-mp-vue/dist/vue.runtime.esm.js” in uni-app
示例代码:
<template>
<atom-spinner :animation-duration="1000" :size="60" :color="'#ff1d5e'" />
</template>
<script setup lang="ts">
import { AtomSpinner } from 'epic-spinners'
</script>
操作步骤:
<template>
<atom-spinner :animation-duration="1000" :size="60" :color="'#ff1d5e'" />
</template>
<script setup lang="ts">
import { AtomSpinner } from 'epic-spinners'
</script>
预期结果:
- 能正常显示
- 插件官网
实际结果:
开始差量编译...
"openBlock" is not exported by "node_modules/@dcloudio/uni-mp-vue/dist/vue.runtime.esm.js", imported by "node_modules/epic-spinners/dist/es/components/HollowDotsSpinner.js".
at ../node_modules/epic-spinners/dist/es/components/HollowDotsSpinner.js:2:9
1: import '../../style/HollowDotsSpinner.css';
2: import { openBlock, createElementBlock, normalizeStyle, Fragment, renderList } from 'vue';
^
3: import { _export_sfc } from '../plugin-vue_export-helper.js'; (x2)
bug描述:
引入第三方库epic-spinners
,在页面中使用第三方库组件,编译后报错。
开始差量编译...
"openBlock" is not exported by "node_modules/@dcloudio/uni-mp-vue/dist/vue.runtime.esm.js", imported by "node_modules/epic-spinners/dist/es/components/HollowDotsSpinner.js".
at ../node_modules/epic-spinners/dist/es/components/HollowDotsSpinner.js:2:9
1: import '../../style/HollowDotsSpinner.css';
2: import { openBlock, createElementBlock, normalizeStyle, Fragment, renderList } from 'vue';
^
3: import { _export_sfc } from '../plugin-vue_export-helper.js'; (x2)
相关链接:
更多关于"openBlock" is not exported by "node_modules/@dcloudio/uni-mp-vue/dist/vue.runtime.esm.js" in uni-app的实战教程也可以访问 https://www.itying.com/category-93-b0.html
“openBlock” is not exported by “node_modules/@dcloudio/uni-mp-vue/dist/vue.runtime.esm.js”, imported by “node_modules/@dcloudio/uni-h5/dist/uni-h5.es.js”.
at …/node_modules/@dcloudio/uni-h5/dist/uni-h5.es.js:1:79
1: import { withModifiers, createVNode, getCurrentInstance, ref, defineComponent, openBlock, createElementBlock, provide…
被折磨死了不知道是版本问题还是插件问题
更多关于"openBlock" is not exported by "node_modules/@dcloudio/uni-mp-vue/dist/vue.runtime.esm.js" in uni-app的实战教程也可以访问 https://www.itying.com/category-93-b0.html
大佬,这个问题你解决了吗
参考https://ask.dcloud.net.cn/question/163203
请问解决了嘛
检查一下页面中使用uni.xxx api的时候是不是被自动引入了 ‘import { uni } from @dcloudio/uni-h5’ 语句。摘抄自https://ask.dcloud.net.cn/question/163203
回复 9***@qq.com: 解决了,这才是正解
这个错误是因为epic-spinners
库依赖的Vue版本与uni-app内置的Vue版本不兼容导致的。uni-app使用的是定制化的Vue运行时,而第三方库可能依赖标准Vue的API。
解决方法:
- 尝试使用兼容性更好的版本:
import { AtomSpinner } from 'epic-spinners/src/components/AtomSpinner.vue'
- 或者使用CDN方式引入:
<script src="https://unpkg.com/epic-spinners@latest/dist/epic-spinners.min.js"></script>