Федерация модулей — Uncaught SyntaxError: неожиданный токен ':' Angular 13 при использовании MFE

Question

Я пытаюсь использовать MFE, используя webpack 5, федерацию модулей с angular 13. Однако, когда я запускаю приложение, я получаю сообщение об ошибке ниже.

Uncaught SyntaxError: неожиданный токен ':'

Ошибка, возникающая с приведенным ниже кодом в webpack.config

       new ModuleFederationPlugin({
      name: "shell",
      filename: "remoteEntry.js",           
      remotes: {
                MfeAccount: "https://account-mfexyz.com/remoteEntry.js"
              },
})

На мой взгляд, все выглядит хорошо, но приложение по-прежнему не может получить доступ к удаленному MFE и выдает ошибку.

Пожалуйста помогите.

Answer 1

При упоминании пультов в ModuleFederationPlugin вам не нужно упоминать имя и имя файла. Ставьте так:

       new ModuleFederationPlugin({          
  remotes: {
            MfeAccount: "https://account-mfexyz.com/remoteEntry.js"
          },

})