开发者社区> 问答> 正文

vue3 自定义阿里云组件引入aliplayercomponents-1.0.9.min文件报错

自定义阿里云组件引入aliplayercomponents-1.0.9.min文件报错require is not defined,是因为vue3用的vite搭建没有require的原因吗image.png

展开
收起
游客lukzbfsvw3jkg 2024-02-28 17:11:15 199 0
1 条回答
写回答
取消 提交回答
  • 北京阿里云ACE会长


    使用 import 语句替代 require。

    require('aliplayercomponents-1.0.9.min') 替换为 import 'aliplayercomponents-1.0.9.min'
    image.png

    在 Vite 配置中禁用 esModuleInterop 选项

    // vite.config.js
    export default {
      build: {
        // 禁用 esModuleInterop
        esModuleInterop: false,
      },
    };
    

    使用 Vue 3 提供的 defineAsyncComponent 函数来加载异步组件

    
    import { defineAsyncComponent } from 'vue';
    const MyComponent = defineAsyncComponent(() =>
      import('aliplayercomponents-1.0.9.min')
    );
    

    image.png

    2024-02-28 20:14:24
    赞同 3 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
Vue.js 在前端服务化上的探索与实践 立即下载
利用编译将 Vue 组件转成 React 组件 立即下载
Vue.js在前端服务化上的实践与探索 立即下载