将 Angular 从 12 升级到 13 添加了不能在模块外部使用 import.meta

Question

我将我的 Angular 项目从 12 升级到 13，但出现错误 Uncaught SyntaxError: Cannot use 'import.meta' Outside a module.I想在我的项目中同时使用 require 和 import 我尝试使用“type”=module 但在 webpack 中出现错误.config.js 文件

Answer 1

该问题可能与 webpack.config 将 publicPath 设置为“auto”有关。您可能必须设置相对路径。解决此问题的其他选项是将 webpack.config 中的 scriptType 属性设置为“text/javascript”，如下所示：

 module.exports = {
        output: {
            uniqueName: "MyProj",
            publicPath: "auto",
            scriptType: 'text/javascript'
        }

此选项不会迁移微前端，它会恢复 Angular 12 的行为。

有关微前端升级的更详细文章可以在这里找到： https: //github.com/angular-architects/module-federation-plugin/blob/main/migration-guide.md