Vue前端微服务报错

最新推荐文章于 2024-01-13 16:01:16 发布

柒个M

最新推荐文章于 2024-01-13 16:01:16 发布

阅读量385

点赞数

分类专栏： D1：Vue2

本文链接：https://blog.csdn.net/qq_38244874/article/details/113682559

版权

D1：Vue2 专栏收录该内容

38 篇文章 0 订阅

订阅专栏

1、错误一：

Uncaught pms-transformation-operation-ui: Application ‘pms-transformation-operation-ui‘ d

原因是：没有开始pms-transformation-operation-ui该项目；

2、错误二：

原因是依赖引入有误：

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Coexisting Vue Microfrontends</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="importmap-type" content="systemjs-importmap">
  <script type="systemjs-importmap">
      {
        "imports": {
          "navbar": "http://localhost:8080/js/app.js",
          "app1": "http://localhost:8081/js/app.js",
          "app2": "http://localhost:8082/js/app.js",
          "pms-transformation-operation-ui": "http://localhost:9091/js/app.js",
          "single-spa": "./js/single-spa.min.js",
          "vue": "./js/vue.js",
          "vue-router": "./js/vue-router.min.js",
          "element-ui": "./js/index.js"
        }
      }
    </script>
  <link rel="stylesheet" href="./css/index.css">
  <link rel="preload" href="./js/single-spa.min.js" as="script" crossorigin="anonymous" />
  <link rel="preload" href="./js/vue.js" as="script" crossorigin="anonymous" />
  <link rel="preload" href="./js/index.js" as="script" crossorigin="anonymous" />
  <script src="./js/import-map-overrides.js"></script>
  <script src="./js/system.min.js"></script>
  <script src="./js/amd.min.js"></script>
  <script src="./js/named-exports.js"></script>
  <script src="./js/named-register.min.js"></script>
  <script src="./js/use-default.min.js"></script>
</head>