这样写报错Uncaught (in promise) Error: register failed, invalid key default from plugin ../../app.tsx.

这个错误通常是由于在注册子应用时，使用的 `name` 和子应用导出的 `default` 不一致导致的。在你的主应用中，注册子应用时应该使用子应用导出的 `name` 作为注册的 `name`。

例如，如果你的子应用导出的是以下内容：

export default {
  async bootstrap(props) {
    console.log('app1 bootstrap', props);
  },
  async mount(props) {
    console.log('app1 mount', props);
  },
  async unmount(props) {
    console.log('app1 unmount', props);
  },
  name: 'app1',
};

那么在主应用中注册子应用时应该这样写：

registerMicroApps([
  {
    name: 'app1', // 使用子应用导出的 name
    entry: '//localhost:8001',
    container: '#subapp-container',
    activeRule: '/app1',
  },
]);

请确保在注册子应用时使用了正确的 `name`，这样应该就能解决这个问题了。

相关问题

echarts报错Uncaught (in promise) Error: Initialize failed: invalid dom.

这个错误通常是因为没有正确指定要渲染 ECharts 的 DOM 元素。请确保在初始化 ECharts 实例时，传入的 DOM 元素是有效的。如果您使用的是 jQuery，可以使用类似于 `$('#myChart')[0]` 的方式获取原生 DOM 元素。如果问题仍然存在，请检查是否正确引入了 ECharts 相关的 JavaScript 文件，并且没有重复引入。

Uncaught SyntaxError: Invalid or unexpected token at http://192.168.1.127:9999/js/app.js:2314

"Uncaught SyntaxError: Invalid or unexpected token" 意味着在代码的某个位置发现了一个无效或意外的标记。根据错误信息，这个问题发生在位于 "http://192.168.1.127:9999/js/app.js" 文件的第 2314 行。

要解决这个问题，可以尝试以下步骤：

1. 检查第 2314 行的代码，确保语法是正确的。检查是否有任何拼写错误、遗漏的括号、分号等。

2. 检查该行代码前面的代码，看是否有任何缺失或错误导致了这个无效标记的出现。有时候错误可能并不直接出现在报错行，而是在之前的代码中引起的。

3. 如果该行代码看起来没有问题，可以尝试注释掉该行代码，然后重新运行程序。如果错误消失了，那么问题可能不在这一行，而是在之前的某个位置。

4. 如果你使用了某些特殊字符或符号，尝试将它们删除或替换为合法的 JavaScript 标记。

5. 如果以上步骤都没有解决问题，可以考虑将该行代码与周围的代码一起提供，以便更具体地分析和解决问题。