vue接入cdn,XXX is not define和Illegal constructor解决

为减小vue打包文件大小,在项目中接入cdn,填坑记录:

引入包时必须严格按照:

  externals: {
    'vue': 'Vue',
    'element-ui': 'ELEMENT',
    'vue-router': 'VueRouter',
    'axios': 'axios',
  },

这种格式引入,否则会出现XXX  is not define,针对Illegal constructor主要是ELEMENT不应该写成Element;

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
当在Vue项目中遇到 "elementui is not defined" 的错误时,可能有以下几个原因导致: 1. Element UI 库未正确安装:请确保你已经按照 Element UI 的安装教程,正确地将 Element UI 安装到了你的项目中。可以执行 `npm install element-ui --save` 或 `yarn add element-ui` 来安装 Element UI。 2. Element UI 库未正确引入:请检查你的代码中是否正确引入了 Element UI。可以在 main.js 文件中通过 `import ElementUI from 'element-ui'` 来引入 Element UI,并且通过 `Vue.use(ElementUI)` 来注册 Element UI 组件。 3. Element UI 的样式未正确引入:在引入 Element UI 的同时,还需要额外引入 Element UI 的样式文件。在 main.js 文件中可以通过 `import 'element-ui/lib/theme-chalk/index.css'` 来引入 Element UI 的样式。 4. Element UI 的组件未正确使用:请检查你的代码中是否正确使用了 Element UI 的组件。例如,当使用 `el-button` 组件时,需确保代码中有 `<el-button>按钮</el-button>` 的形式。 如果以上步骤都已经正确执行,而仍然出现 "elementui is not defined" 的错误,可能是以下原因导致: 5. 项目依赖未正确安装或冲突:请检查你的项目依赖是否正确安装,并且没有与 Element UI 发生冲突。可以尝试卸载并重新安装 Element UI,并确保项目中没有其他相同功能的组件库。 总结: "elementui is not defined" 错误通常是由 Element UI 库未正确安装、未正确引入或样式未正确引入引起的。请逐一检查以上可能的原因,并进行相应的修复。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值