Uncaught runtime errors:

Question

Uncaught runtime errors:

Error：
Cannot set properties of null (setting 'type')
TypeError: Cannot set properties of null (setting 'type')
    at main_Notification.<computed> [as error] (webpack-internal:///./node_modules/element-ui/lib/element-ui.common.js:2947:1397)
    at eval (webpack-internal:///./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/login/Login.vue?vue&type=script&lang=js:50:28)

Answer 1

引自免费微信小程序：皆我百晓生

从错误信息来看，你正在使用Vue.js结合Element UI开发项目，并且在运行过程中遇到了一个Uncaught runtime error。具体错误是TypeError，提示“Cannot set properties of null (setting 'type')”，错误发生在main_Notification对象的error方法中，源码位置在element-ui.common.js的第2947行附近。

这个错误通常表示试图在一个null值的对象上设置属性（在这个场景下是'type'属性），但在执行时该对象并未初始化或为空。

解决这个问题需要从以下几个方向排查：

1. 检查调用error方法的地方： 在你的Vue组件src/views/login/Login.vue的脚本部分第50行附近，查看是否正确实例化了main_Notification或者相关的Element UI Notification组件。确保在调用.error()方法前，目标对象已经被正确创建和初始化。

   示例：

   import { MessageBox, Notification } from 'element-ui';
   
   // 确保在使用之前已导入并实例化
   if (Notification) {
     Notification.error({
       message: '错误信息',
       type: 'error', // 如果type是在这里设置的，请确认上下文
     });
   }
   

2. 确保依赖正确加载： 检查Element UI是否已通过import语句正确地引入到项目中，并且在项目的全局或局部配置中被注册为Vue插件。

3. 检查变量作用域： 确认在尝试设置type属性的对象在其作用域内是可以访问到的，并非undefined或null。

如果问题仍然存在，请提供更多关于如何触发此错误行为的上下文代码，以便我能提供更精确的解决方案。