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

2024-04-14

我将 Angular 项目从 12 升级到 13,但出现错误 未捕获的语法错误:无法在模块外部使用“import.meta”。我想在我的项目中同时使用 require 和 import 我尝试使用 "type"=module 但在 webpack.config.js 文件中出现错误


该问题可能与 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 https://github.com/angular-architects/module-federation-plugin/blob/main/migration-guide.md

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

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

  • Angular 2子组件引用父组件

    我有一个包含三个组件的应用程序 应用程序 编辑视图 对话框 应用程序组件包含 EditView 组件 该组件可以包含许多其他 EditView 组件和一个 Dialog 组件 如果 Dialog 组件在页面上可见 对话框组件包含应用程序组件
  • 当我在角度中使用“key”而不是“keyCode”和“KeyboardEvent”时出现错误

    我正在尝试为输入字段 文本框 创建自定义指令 使其仅接受数字而不接受字母字符 我有以下 only numbers directive ts 文件 import Directive ElementRef HostListener from a
  • ngClass多次调用方法[重复]

    这个问题在这里已经有答案了 我创建了一个方法并将其附加到 ngClass 以根据条件添加两种样式 我还将数字作为参数传递以在 switch case 中使用 组件 html div class circle div class circle
  • 如何从组件内获取对 Angular 构建的 ControlGroup 的引用?

    我有一个组件 包含模板驱动表单 我真正想做的是添加一个代码routerCanDeactivate检查表单是否为的方法pristine如果没有 则在继续导航之前警告用户 我知道 Angular 采用模板驱动形式并构建一个 ControlGro
  • 使用 webpack 动态提供图像

    我有一个关于 webpack 和服务图像的问题 我有一个 webpack 配置 它构建了一个 React webapp 并且还提供来自特定文件夹的 jpg 文件 但是 如果我从我的网络应用程序下载新图像并将其添加到此文件夹中 会发生什么情况
  • Angular2 RC6 HttpModule手动注入

    我正在将一个项目从 angular2 RC4 迁移到 RC6 并且我有一个自定义表单验证器 需要Http 在迁移之前我使用了ReflectiveInjector与HTTP PROVIDERS 但是对于 RC6 这不再可能了 因为HTTP P
  • 如何从捆绑 .spec.js 文件中排除 webpack

    我的 Package bundle 读取 var reqContext require context true js reqContext keys map reqContext 其中基本上包括所有 js 文件 我希望表达式排除任何 sp
  • 如何使用 Angular2 数据表

    找不到任何使用教程angular2 data table图书馆在这里 https github com swimlane angular2 data table https github com swimlane angular2 data
  • 为什么要费心 CommonJS require.ensure() 中的依赖项列表?

    来自 Webpack 文档 https webpack github io docs api in modules html require ensure https webpack github io docs api in module
  • Angular Universal - 不应使用超时

    所以我一直在尝试将我的应用程序转换为角度通用的 并且在大多数情况下它都很好 但我之前读过一些 陷阱 https github com onespeed articles angular universal gotchas https git
  • Karma 与 Webpack 和 Typescript 不执行任何测试

    我试图弄清楚如何将 Karma 测试运行器与 Webpack 和 Typescript 源文件一起使用 以此源文件作为唯一的测试文件为例 测试规格 var message string yay alert message describe
  • Angular 2 http post + Nodejs Express

    我无法在服务器上获取帖子参数 我将 Angular 2 应用程序中的 post 请求发送到 Nodejs Express 服务器 这是我在 Angular 2 中的代码 import Injectable from angular2 cor
  • ngOnChange 不存储 previousValue 属性

    Angular2 RC4 angularfire2 2 0 0 beta 2 在我的子组件中我无法获取changes posX previousValue存储任何东西 父级 html 的片段 inside ngfor loop posX c
  • 使用指令将类添加到宿主元素[重复]

    这个问题在这里已经有答案了 我目前正在学习 Angular 2 我了解如何使用 AngularRenderer设置一个ElementStyle 但现在我想使用Renderer方法 setElementClass renderElement
  • font-awesome 字体未加载到 Angular 项目中

    我已经使用 Angular 5 一段时间了 似乎我无法将任何字体很棒的图标加载到我的构建项目中 我完全按照下面链接中提到的步骤进行操作 https www npmjs com package angular font awesome htt
  • 离子和电容器 - Android 启动画面响应能力

    Context 这与闪屏图像响应能力有关 根据我的研究 它之所以发生是因为缺少文档电容器文档 启动画面 https capacitorjs com docs apis splash screen Problem 当实现电容器的闪屏插件时 问
  • 角度材质选择不会检测嵌套组件生成的选项的更改

    我正在尝试提取过滤和显示我的逻辑mat option是我的mat selects 到他们自己的组件中 然而 由于某种原因 会显示选项 但单击它们不会触发事件 我正在编写的网络应用程序有很多mat select每个都可能有很多mat opti
  • Webpack 不包括 ProvidePlugins

    我正在开发一个小型试用 Web 应用程序 它使用 vue webpack 模板 https github com vuejs templates webpack https github com vuejs templates webpac
  • Jasmine.js 测试 - 监视 window.navigator.userAgent

    我需要找到改变的方法userAgent价值 我尝试过了spyOn the window navigator userAgent 但这没有帮助 JS Injectable export class DetectBrowserService b
  • 使用base-href和deploy-url构建Angular CLI来访问CDN上的资产

    的背景 我正在使用 Angular CLI 构建一个项目 包含多个应用程序 我想在我的域上的单独子路径上发布应用程序 例如example com apps app1 如果我设置 base href参数为 apps app1 它解决了有关路由

随机推荐

  • F# 的 timeit 函数

    我想写一些类似的东西 let timeit x a gt b let start System DateTime Now x let duration System DateTime Now start printfn time usage
  • Dtrace 中的局部变量

    如何使用 dtrace 访问函数的本地变量 例如 在下面的代码片段中 我想使用 dtrace 了解变量 x 的值 void foo int a int x some fun a 对于内核代码来说 跟踪局部变量是不可能的 因为没有检测任意内核
  • Android实现ScrollView setOnScrollChangeListener

    在我的显示和隐藏一些小部件的应用程序中 我在该网站上找到了以下代码 但我无法在我的片段上实现它 例如 public abstract class HidingScrollListener extends RecyclerView OnScr
  • 如何从命令行设置MySQL会话wait_timeout?

    正如您从下面的输出中看到的 我正在使用 MySQL shell 来更改会话的wait timeout可变为 30 秒 有用 但是 是否可以从命令行设置此变量 mysql u root h 127 0 0 1 p Enter password
  • .Net TimeZoneInfo ID - 是否特定于 Windows 语言?

    我正在使用 net TimeZoneInfo FindSystemTimeZoneById 方法 据我所知该方法查询注册表 存储在注册表 HKEY LOCAL MACHINE Software Microsoft Windows NT Cu
  • Python 调试器的列表理解范围错误

    在调试我的代码时 我想使用列表理解 但是 当我在函数内部时 我似乎无法从调试器评估列表理解 我正在使用Python 3 4 脚本内容 cat test py usr bin python def foo x 1 2 3 3 4 print
  • 模拟 ZPL 打印机

    为了在我的 Mac 上模拟 ZPL 打印机 我在互联网上搜索了几天 最后 我在这里发布了一个解决方案 以便其他用户可以发现它有帮助 我想在这里发布我的解决方案模拟 Zebra 打印机 https stackoverflow com ques
  • 根据 JQGRID 中的条件编辑行

    在 JQGRID 中使用表单编辑 我用不同的颜色显示行 红色 无法编辑行 黑色 可以编辑行 1 Option 当用户单击编辑按钮并且所选行为红色时 应显示消息记录 无法编辑 2 选项 如果用户选择了黑色标记的可编辑行 用户可以编辑该行 但是
  • 当我在程序启动后复制 DLL 时,在运行时加载程序集失败

    在运行时我加载一个程序集 Assembly assembly Assembly LoadFrom c MyFolder MyAssembly dll 如果程序集位于该文件夹中 则此方法有效 如果程序集不在文件夹中 我会得到一个异常 当然告诉
  • 在 Java 中如何检查字节数组是否包含 Unicode 字符串?

    给定一个 UTF 8 编码字符串或任意二进制数据的字节数组 可以使用哪些方法in Java来确定它是哪一个 该数组可以由类似于以下的代码生成 byte utf8 Hello World getBytes UTF 8 或者 它可能是由类似于以
  • Ansible:全局模板文件夹?

    谷歌搜索找不到任何东西 有group vars 全部 对于变量 有类似的模板吗 我想在多个角色中使用一些模板 您可以将全局模板放入templatesAnsible 布局顶层目录 与group vars 顺便说一句 全局文件也是如此 file
  • 数组指针的常量正确性?

    有人争论说 在现代 C 语言中 我们应该始终通过数组指针将数组传递给函数 因为数组指针具有强类型 例子 void func size t n int arr n int array 3 func 3 array 这听起来可能是防止各种类型相
  • dask 可以用于在核心之外进行分组和重新编码吗?

    我有 8GB csv 文件和 8GB RAM 每个文件每行有两个字符串 格式如下 a c c a f g a c c a b f c a 对于较小的文件 我删除重复项 计算前两列中每行的副本数 然后将字符串重新编码为整数如下 https s
  • 使用 VBA 选择“查找”的第二个结果

    我正在努力做到这一点 以便我可以找到 lights 的第二个结果 以防该术语出现各种情况 下面的代码查找所考虑范围内的第一个匹配项 Dim ws As Worksheet Dim rng1 As Range Dim y As Range C
  • 如何使用javascript根据用户需求触发媒体查询

    我有一个响应式网页 针对不同的屏幕尺寸具有不同的设计 我正在使用 mediaquery 来更改我的设计 我想让用户能够更改更小或更大屏幕尺寸的设计 即使屏幕尺寸没有改变 是否可以在不改变屏幕尺寸的情况下用js触发 mediaquery 看一
  • Maven archetype + Velocity:如何显示日期

    我有一个 Maven 原型项目 当我使用这个原型时 我希望一些文件报告实际日期 我尝试使用 date 但 Velocity 无法识别它 我发现了一个叫做 DateTools 的东西 但我不知道如何使用它 这是我第一次使用 Velocity
  • pip 在 Docker 中被杀死

    我正在构建一个基于 Docker 容器python 3 7 slim stretch 同样的问题也发生在python 3 7 slim stretch 并且它正在变得Killed on pip install no cache dir ve
  • PhoneGap css 媒体查询方面不起作用

    我开发了一个以 iPhone 作为设计目标 即 640x960 gt 2 3 的应用程序 并且我使用布局中每个分区的百分比来实现此目的 以便 ui 相对于设备尺寸进行扩展 现在 这在 iPad 上运行良好 但我在使用 9 16 宽高比设备时
  • ImportError: libf77blas.so.3: 无法打开共享对象文件: 没有这样的文件或目录 Raspberry Pi3

    我有一个 Raspberry Pi3 我的目标是作为专用服务器运行几个 python3 脚本 到目前为止 我已经使用 pip3 安装了以下软件包 numpy 熊猫 scipy python Levenshtein fuzzywuzzy 还有
  • 将 Angular 从 12 升级到 13 添加了不能在模块外部使用 import.meta

    我将 Angular 项目从 12 升级到 13 但出现错误 未捕获的语法错误 无法在模块外部使用 import meta 我想在我的项目中同时使用 require 和 import 我尝试使用 type module 但在 webpack