"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

7 回复

“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。

解决方法:

  1. 尝试使用兼容性更好的版本:
import { AtomSpinner } from 'epic-spinners/src/components/AtomSpinner.vue'
  1. 或者使用CDN方式引入:
<script src="https://unpkg.com/epic-spinners@latest/dist/epic-spinners.min.js"></script>
回到顶部