vue-cli4创建项目浏览器报错:Uncaught TypeError: Cannot read property ‘prototype‘ of undefined

问题:

新建的项目引入elementUI后就报错了,并且页面上什么都没有

在main.js里 引入elementUi的3个语句,

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

代码如下:
vue-cli4创建项目浏览器报错:Uncaught TypeError: Cannot read property ‘prototype‘ of undefined_第1张图片
运行 npm run serve,然后页面上什么都没有。。。。
vue-cli4创建项目浏览器报错:Uncaught TypeError: Cannot read property ‘prototype‘ of undefined_第2张图片

然后打开浏览器,有报错信息

报错信息如下:
Uncaught TypeError: Cannot read property 'prototype' of undefined
    at Module.eval (index.js?9e2f:1)
    at i (index.js?9e2f:1)
    at Object.eval (index.js?9e2f:1)
    at i (index.js?9e2f:1)
    at eval (index.js?9e2f:1)
    at eval (index.js?9e2f:1)
    at eval (index.js?9e2f:1)
    at eval (index.js?9e2f:1)
    at Object../node_modules/element-ui/lib/index.js (chunk-vendors.js:1105)
    at __webpack_require__ (app.js:849)

vue-cli4创建项目浏览器报错:Uncaught TypeError: Cannot read property ‘prototype‘ of undefined_第3张图片
如果注释掉那3个语句,main.js代码如下图:
vue-cli4创建项目浏览器报错:Uncaught TypeError: Cannot read property ‘prototype‘ of undefined_第4张图片
然后运行npm run serve,页面出来了 ,但是elementUI的样式没有,并且浏览器有警告信息,如下图:
vue-cli4创建项目浏览器报错:Uncaught TypeError: Cannot read property ‘prototype‘ of undefined_第5张图片

问题还没有解决,有哪位大神赐教一下,万分感谢~~~~~~~~~~~~~~

----------------------------分割线-----------------------------------------

经过我不懈努力的查资料以及博客,在今天上午终于找到了解决办法,见下篇博客 记录,调bug!!!!!

你可能感兴趣的:(vue调bug合集,vue,npm,nodejs,ui,前端)