Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

组件打包安装后vue-demi报错,Cannot read properties of undefined (reading 'warn') #745

Closed
1 task done
bighhhh opened this issue Nov 2, 2023 · 9 comments
Closed
1 task done

Comments

@bighhhh
Copy link

bighhhh commented Nov 2, 2023

请确认

  • 我可以确认这个问题无法在 ECharts 项目本身中复现。

您是如何将 Vue-ECharts 引入项目的?

通过 ES 模块 import

版本信息

6.6.1

问题详情

vueuse/vue-demi#192
vue-demi有一个问题导致了我这边在依赖带有vue-echarts的组件时报错

问题复现

@Justineo
Copy link
Member

Justineo commented Nov 2, 2023

npm ls vue-demi 看一下?

@bighhhh
Copy link
Author

bighhhh commented Nov 2, 2023

npm ls vue-demi 看一下?

微信截图_20231102174437

@bighhhh
Copy link
Author

bighhhh commented Nov 2, 2023

npm ls vue-demi 看一下?

关键还出了另一个一样的问题
微信截图_20231102174552
微信截图_20231102174631
这个地方也没有官方的判断,不知道为什么

@Justineo
Copy link
Member

Justineo commented Nov 2, 2023

[email protected] 应该是已经解决了你上面说的那个问题的了。请提供一个最小化的复现,否则没有办法提供帮助。

@bighhhh
Copy link
Author

bighhhh commented Nov 3, 2023

[email protected] 应该是已经解决了你上面说的那个问题的了。请提供一个最小化的复现,否则没有办法提供帮助。

我也看vue-demi代码了,index.cjs文件中是已经有判断了,但是index.mjs中是没有那段判断的,而我这编译完vue-charts后的文件里用的就是index.mjs的代码,请问下这个是我环境配置的问题吗?
微信截图_20231103095546

微信截图_20231103095324

@Justineo
Copy link
Member

Justineo commented Nov 3, 2023

看看你的 vue 是不是解析到 cjs 版本去了。如果是的话可以在配置里面强行指定一下 esm 版本试一下。类似 #644 (comment)

@Justineo Justineo closed this as completed Nov 3, 2023
@bighhhh
Copy link
Author

bighhhh commented Nov 3, 2023

看看你的 vue 是不是解析到 cjs 版本去了。如果是的话可以在配置里面强行指定一下 esm 版本试一下。类似 #644 (comment)

// EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
var external_commonjs_vue_commonjs2_vue_root_Vue_ = webpack_require(3797);
;// CONCATENATED MODULE: ./node_modules/vue-echarts/node_modules/vue-demi/lib/index.mjs
我这编译后显示vue是引入的commonjs版本,但是vue-echarts的vue-demi却使用的mjs版本文件,不知道是哪里问题导致的
我另一个插件也用着vue-demi却没有这问题,把vue-echarts移除了就不报错了,
配置了
alias: {
vue$: 'vue/dist/vue.esm.js' // 将 'vue$' 映射到 vue.esm.js
}
也不行,是因为babel的问题吗

@bighhhh
Copy link
Author

bighhhh commented Nov 3, 2023

// EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
var external_commonjs_vue_commonjs2_vue_root_Vue_ = webpack_require(3797);
;// CONCATENATED MODULE: ./node_modules/vue-echarts/node_modules/vue-demi/lib/index.mjs

// EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
var external_commonjs_vue_commonjs2_vue_root_Vue_ = webpack_require(3797);
;// CONCATENATED MODULE: ./node_modules/vue-echarts/node_modules/vue-demi/lib/index.mjs

根据上面代码来看应该是vue-echarts跟我的项目引入方式冲突?

@Heath1998
Copy link

external

最后这么解决的?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants