Material CDK Overlay flexibleConnectedTo不接受角度分量作为原点
Material CDK是一套用于构建可重用的组件和交互式行为的开发工具包，它是Angular Material的一部分。CDK代表Component Dev Kit，它提供了一些基础设施和工具，帮助开发者构建高质量的Web应用程序。
Overlay是Material CDK中的一个重要概念，它提供了一种在页面上创建浮动层的方式。Overlay可以用于创建对话框、下拉菜单、提示框等浮动组件。它可以在页面的任何位置动态创建和管理这些浮动层，并提供了灵活的定位和交互功能。
flexibleConnectedTo是Overlay的一个属性，它用于指定浮动层的定位目标。它接受一个元素或选择器作为参数，用于指定浮动层应该连接到哪个元素。这样可以确保浮动层始终与目标元素保持连接，无论目标元素如何移动或改变大小。
不接受角度分量作为原点是指在使用flexibleConnectedTo属性时，不能将角度分量作为原点进行定位。这意味着无法使用角度来指定浮动层与目标元素之间的相对位置。
Material CDK Overlay的优势包括：
- 灵活性：Overlay提供了灵活的定位和交互功能，可以根据需要创建各种类型的浮动层。
- 可重用性：通过使用CDK的组件和工具，可以轻松地创建可重用的浮动组件，提高开发效率。
- 响应式设计：Overlay可以自动适应不同的屏幕尺寸和设备类型，确保浮动层在各种环境下都能正常工作。
Material CDK Overlay的应用场景包括：
- 对话框：可以使用Overlay创建自定义的对话框组件，用于显示各种类型的信息或进行用户交互。
- 下拉菜单：可以使用Overlay创建下拉菜单组件，用于显示选项列表或操作菜单。
- 提示框：可以使用Overlay创建提示框组件，用于显示提示信息或错误消息。
腾讯云相关产品中与Material CDK Overlay类似的功能是腾讯云的云开发（Tencent Cloud Base），它提供了一套基于云端的开发工具和服务，帮助开发者快速构建和部署Web应用程序。腾讯云云开发可以用于创建浮动层、对话框、下拉菜单等组件，并提供了灵活的定位和交互功能。
更多关于腾讯云云开发的信息，请参考腾讯云云开发产品介绍页面：腾讯云云开发
相关·内容
我想使用Angular Material对话框并覆盖一些样式，而不是在我的CSS中使用"!important“。
Angular Material以如下的内联样式注入cdk-overlay-pane：
<div id="cdk-overlay-0" class="cdk-overlay-pane" style="max-width:80vw; pointer-events: auto; position: static;">
有没有可能配置Angular材质，使其不添加这些内联样式？
浏览 0提问于2018-12-07得票数 2
2回答
我正在学习角(它是用TypeScript编写的)，我偶然发现了这个错误：
类'SnackbarService‘错误地扩展了基类'MatSnackBar’。类型具有私有属性‘_overlay’的单独声明。
当试图从MatSnackBar扩展@angular/material时。
这是我的密码：
import { MatSnackBar } from '@angular/material';
import { Overlay } from '@angular/cdk/overlay';
import { LiveAnnouncer } from &#
浏览 0提问于2018-03-27得票数 118
回答已采纳
我在使用角质材料时出错了。具体来说，
ERROR Error: Uncaught (in promise): Error:
StaticInjectorError(AppModule)[CdkConnectedOverlay -> Overlay]:
StaticInjectorError(Platform: core)[CdkConnectedOverlay -> Overlay]:
NullInjectorError: No provider for Overlay!
Error: StaticInjectorError(AppModule)[CdkConnecte
浏览 1提问于2019-01-06得票数 1
回答已采纳
8回答
在安装之后尝试编译时，我遇到了一堆警告(无论是直接从npm还是通过ng add @angular/material，以及我是否选择使用动画)。
它过去在没有任何警告或问题的情况下工作。有人能帮我吗？
以下是警告：
git:(master) ✗ ng serve
** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
Date: 2019-06-02T16:53:30.127Z
Hash: 790c60ed1be271555
浏览 7提问于2019-06-03得票数 35
我在编辑我的专业网站时遇到了问题。我已经通过npm安装了所有必要的依赖项，但是它没有工作。我也用材质角度。这就是问题所在，如果它不起作用。
日志：
webpack: Compiling...
Date: 2017-11-05T13:02:47.880Z
Hash: a4f6320620f5d2e9766f
Time: 665ms
chunk {inline} inline.bundle.js (inline) 5.79 kB [entry]
chunk {main} main.bundle.js (main) 1.85 MB [initial]
chunk {polyfills} polyfi
浏览 7提问于2017-11-05得票数 3
回答已采纳
我安装了：
npm install --save @angular/material @angular/cdk @angular/animations
并试图简单地将MatTableDataSource导入我的组件中，而不使用它：
import {MatTableDataSource} from "@angular/material";
我已经得到以下错误：
ERROR in node_modules/@angular/cdk/a11y/typings/focus-monitor/focus-monitor.d.ts(79,22): error TS2315: Type
浏览 0提问于2019-02-03得票数 2
回答已采纳
1回答
角度材料样式问题
、、
我正在尝试为角度材质控件创建一些样式更改。通过阅读Angular材质文档，我意识到这样做的方法是创建一个Sass文件，其中包含一些特定的声明，以便更改主题中使用的颜色。 不幸的是，对于您可以在角度材质控件中更改什么，或者确切地说，您需要更改哪些选择器才能更改特定的内容，有很多不清楚的地方。没有示例说明要在_theming.scss文件中更改哪些内容，也没有示例说明要更改哪些内容，或者在您可以添加的自定义混合中添加哪些内容。 例如:不清楚在哪里更改"primary“的颜色。SCSS文件中有一个条目 $primary: map-get($theme, primary); 但是$them
浏览 15提问于2020-04-19得票数 1
4回答
角度材料5中的转换主题
、、、
我读了几篇关于这方面的文章，但它们在几种不同的方面似乎相互矛盾。我希望为最新版本的角材料5.0.0-rc0重新创建与相同的主题切换。
我有两个自定义主题，这是自定义主题. sans和光-自定义主题.sans，它几乎相同，没有垫-暗-主题
@import '~@angular/material/theming';
$custom-theme-primary: mat-palette($mat-blue);
$custom-theme-accent: mat-palette($mat-orange, A200, A100, A400);
$custom-theme-warn: ma
浏览 1提问于2017-11-22得票数 20
回答已采纳
我需要改变这个话题，我不能发布新的话题。我已经更新了脚本，并安装了新的软件包。我仍然收到错误，但不是我上一次发布的那个。
_ _ _
__ _ _ __ __ _ _ _ | | __ _ _ __ ___ | |(_)
/ _` || '_ \ / _` || | | || | / _` || '__|_____ / __|| || |
| (_| || | | || (_| || |_| || || (_| || |
浏览 2提问于2018-10-02得票数 16
在使用以下命令安装之后
npm i -s @angular/flex-layout @angular/cdk
显然也安装了Angular CDK，我收到了以下警告
The Angular Material version (12.1.4) does not match the Angular CDK version (12.2.1).
Please ensure the versions of these two packages exactly match.
我使用ng update命令来更新包，也尝试了ng add @angular/material，但是我仍然使用相同的版本。
我该怎么解
浏览 6提问于2021-08-13得票数 0
回答已采纳
嗨我很感激这是一种痛苦。
在将packages更新到version 6和rxjs更新到version 6之后，我们得到了很多浏览器错误，系统无法实例化许多包。
我们使用node_modules和systemjs.config.server.js的组合，而不试图开始争论其中一个是否比另一个更好，如果有任何改进，请告诉我。
package.json
{
"version": "1.0.0",
"name": "infrastructure-annual-reporting",
"priva
浏览 1提问于2018-05-10得票数 1
回答已采纳
2回答
因此，我刚刚在角CLI中打开了一个新的项目，我想用以下方式安装材料：
npm安装-保存“角/料”角/cdk
但它给了我以下错误：
C:\Users\TijlD\Desktop\projects\untitled46>npm install --save @angular/material @angular/cdk
npm WARN @angular/animations@5.2.8 requires a peer of @angular/core@5.2.8 but none was installed.
npm WARN @angular/cdk@5.2.4 require
浏览 2提问于2018-03-14得票数 0
回答已采纳
我试图运行一个从下载的项目。不幸的是，在npm install期间显示了以下警告。我尝试基于此更改版本。然而，我有一个问题，因为一些包需要多个版本的其他包。考虑这两行：
npm WARN @angular/cdk@2.0.0-beta.10 requires a peer of @angular/core@^4.3.0 but none is installed. You must install peer dependencies yourself.
npm WARN @angular/forms@4.3.6 requires a peer of @angular/core@4.3.6 b
浏览 38提问于2017-09-05得票数 346
1回答
我正在创建一个生成cdk覆盖的服务。我正在尝试做的是找到一种方法来收听cdk滚动策略事件。更具体地说，我想知道cdk何时使用“关闭”滚动策略关闭覆盖。最终目标是创建一个可观察对象，消费者可以使用它来确定覆盖是否开放(有条件地应用css以及其他什么不开放)。 经过一些搜索之后，看起来overlayRef有一个属性_portalOutlet，它有一个属性_isDisposed (https://github.com/angular/material2/blob/master/src/cdk/overlay/overlay-ref.ts)。这看起来就是我要找的，但当然这些都是消费者无法使用的私有资
浏览 17提问于2019-01-08得票数 2
我想要一个CDK覆盖在一个特定的组件上。我使用flexibleConnectedTo()将覆盖的内容部分正确地放置在组件上。我不知道如何让覆盖背景只覆盖组件，而不是整个页面。cdk-overlay-container类具有CSS作为
pointer-events: none;
top: 0;
left: 0;
height: 100%;
width: 100%;
我知道我可以覆盖CSS，但是我想要的是一种角CDK方式来调整cdk-overlay-container的大小，以适应组件的边界。
我阅读了文档，但是我没有办法做到这一点。我是不是漏掉了医生的东西？
浏览 0提问于2018-08-03得票数 3
1回答
我已经将我的角度版本从v12迁移到了v13，在这个过程中，我尝试删除node_modules，并再次尝试安装node_modules，但是我无法使用直接的npm安装来完成这个工作，我得到了以下错误：
D:\test\Fxt\Web\src\main\ui\material>npm i
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: material@3.0.0
npm ERR! Found: @angular/cdk@
浏览 6提问于2022-07-27得票数 0
我已经下载了一些使用angular材质库的angular模板…我正尝试在本地计算机上运行此模板。我已经成功地执行了npm install..但是当ng serve..我得到了如下的警告和错误：
Your global Angular CLI version (6.0.7) is greater than your local
version (1.7.4). The local Angular CLI version is used.
To disable this warning use "ng config -g cli.warnings.versionMismatch fals
浏览 0提问于2018-07-01得票数 0
5回答
因此，当我再次构建我的应用程序时，我会得到以下错误：
ERROR in ../../../node_modules/@angular/cdk/a11y/typings/aria-describer/aria-describer.d.ts(8,42): error TS2307: Cannot find module '@angular/core
此错误发生在我开发角应用程序时。显然，我在编程时得到了这个，但是我没有注意到这一点，因为每当我做一些更改时，应用程序就会继续编译。这个错误只是从今天早上开始阻止我构建应用程序。有人知道这是怎么回事吗？
完全错误：
ERROR in ../../
浏览 22提问于2018-03-19得票数 15
回答已采纳
1回答
我已经安装了角材料库，我是面向模块找不到的。我能知道解决这个问题的办法吗？非常感谢。
material-module.ts
import { NgModule } from '@angular/core';
import { A11yModule } from '@angular/cdk/a11y';
...
import { MatTreeModule } from '@angular/material/tree';
import { OverlayModule } from '@angular/cdk/overlay';
@
浏览 6提问于2021-02-23得票数 0
部分内容:角版: 5.2.0
""@angular/common": "^5.2.0",
"@angular/compiler": "^5.2.0", "rxjs": "^5.5.6","
我正在尝试安装。我知道最新的版本可能是建立在角7，所以我已经采取了以前的版本。
"ng-zorro-antd": "1.8.1"
我得到了角CDK的错误，所以我故意安装
"@angular/cdk": "^5.2.0",
"@
浏览 2提问于2019-03-14得票数 1
1回答
我在MVC应用程序中添加了角材料。当我加载页面时，我没有看到错误，但出于某种原因，我也没有看到样式。我在package.json文件中添加了必要的依赖项，在Layout.cshtml中添加了指向css主题的链接，在systems.config.js中添加了必要的映射。创建了一个包含所有材料模块的单独material.module.ts。从app.module.ts引用它。从我的site.css文件导入css。增加了材料的内容，但我仍然没有看到造型。我遗漏了什么？
这是我的package.json文件
"dependencies": {
"@angular/ani
浏览 1提问于2018-11-04得票数 0
我已经使用Angular Material (MatDialogModule)提供的基本功能实现了一个打开和保持打开多个窗口的服务。一切都很好，但我找不到一种方法来管理用户每次在窗口之间单击时的z索引。在这种情况下，被牵连的元素是包装器"cdk-global-overlay- wrapper“，它被复制，保持静态z索引"1000”，将可视化的优先级留给所添加的对话框元素的DOM中的位置。 我已经看到，如果我开发一个从cdk "overlay“传递过来的个性化服务，事情就变得可行了，但在这种情况下，我将失去Material提出的Dialog的所有直接功能和属性。 有什么
浏览 15提问于2019-04-15得票数 2
我遇到了一个奇怪的问题，那就是垫子的选择停止了。
我将使用应用程序和垫-选择将打开，让我选择一个选项。那我过会儿再来，它就不会开了。它的发生非常随机，而且是非常不可预测的。
我注意到，当我单击元素时，它仍然会追加aria-owns属性，并向该属性添加选项(见下文)，但它不再将选项添加到cdk覆盖容器中。
控制台中没有任何浏览器错误。
编辑
我一直在关注Chrome工具中的性能监视器，CPU使用率总是很低，JS堆的大小也从未真正提高过。
这也发生在我们所有的垫子-选择，甚至在不同的网页。
Mat-选择代码
<mat-select [value]="column.source"
浏览 1提问于2020-08-18得票数 2
我正在修我的图书馆。我只是重构我的应用程序使用角CDK覆盖来显示上下文菜单，所以我不再需要在实际应用程序中包括一些组件(少一个安装步骤)。
我曾经使用在元素下面创建一个下拉列表，该元素将保持在页面中。创建此职位策略的方式类似于使用ElementRef：
const positionStrategy = this.overlay.position()
.flexibleConnectedTo(elementRef)
.left(state.left + 'px')
.top(state.top + 'px');
问题是我没有El
浏览 0提问于2018-11-18得票数 3
回答已采纳
我有一个角度组件，它实际上是引擎盖下的一个按钮： <app-button (click)="showText(thebutton)" #thebutton>
<button type="button" class=""><span>Popover</span></button>
</app-button> showText()方法调用PopoverService.open()方法，该方法应在按钮旁边显示弹出窗口(工具提示)。 问题是，弹出窗口出现在浏览器窗口的左上角
浏览 28提问于2019-09-12得票数 3
回答已采纳
2回答
Angular material为各种组件创建覆盖容器，如菜单、快捷栏和对话框组件。
如何以一种简单的方式决定应该将cdk-overlay-container附加到哪个元素？
目前，它被附加到body元素中。因此，如果我触发了除body元素以外的任何其他元素的全屏模式，它将不会被看到。当然这不是我想要的。
浏览 17提问于2018-12-20得票数 3
回答已采纳
我试图在Angular组件级别覆盖一些cdk-overlay css，但它不起作用--即使我使用:host ::ng-deep
此处的material select下拉列表(mat-select-content)是cdk-overlay-pane的子项
<div id="cdk-overlay-0" class="cdk-overlay-pane" style="...">
<div class="ng-trigger ng-trigger-transformPanel ng-tns-c19-5 mat-select
浏览 2提问于2018-09-22得票数 1
1回答
角5材料夹条
、、、
我遇到的问题是，当初始化snackbar组件时，它被附加在cdk-全局覆盖包装器(cdk-overlay容器内)之外。
这使得它在屏幕中央瞬间可见。
然后它消失，重新附着在cdk全球覆盖包装和滚动从底部，它应该。
有什么办法改变这种状况吗？
浏览 0提问于2018-01-24得票数 3
回答已采纳
我刚接触到项目的clientapp文件夹，我使用了名为'ng服务‘的命令。我搞错了。您的全局角CLI版本(12.2.9)大于本地版本(11.2.18)。使用本地角度CLI版本。
若要禁用此警告，请使用"ng config -g cli.warnings.versionMismatch false“。(黄色颜色msg)出现未处理的异常:目标入口点”@角/物质/菜单“缺少依赖项：
@angular/cdk/a11y@angular/cdk/coercion@angular/cdk/keycodes@angular/cdk/portal@angular/cdk/bidi@angula
浏览 4提问于2022-02-08得票数 0
回答已采纳
1回答
我正在使用angular CDK为自定义模式创建一个库。我想要的应用程序，这将使用该库来传递模式窗口的CSS类名与其他配置。这样我就可以像这样在库中应用这个类。 this.overlayContainer.getContainerElement().classList.add(modalConfig.overlayContainerClass); 我可以看到类被应用于元素，但是没有类存在。 <div class="cdk-overlay-container overlay-material-design-theme mat-typography custom">
浏览 3提问于2020-03-27得票数 0
回答已采纳
我已经实现了角度材料设计选项卡，但标签不会显示up...the内容，但不会显示标签。 我正在按照教程中的示例进行操作，但没有用。这看起来很简单，但只显示内容，而不是标签。 import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import {A11yModule} from '@angular/cdk/a11y';
import {ClipboardModule} from '@angular/cdk/cli
浏览 34提问于2020-09-18得票数 0
我在角材料中有fixed header和z-index of 1100的位置。
虽然我的站点中有一些mat-menu，它将头与z-index:1200重叠，并且有类cdk-overlay-container (角材料类)，这是默认行为。
要覆盖这一点，我只需将cdk-overlay-container z-index缩小为1000，这样它就可以在fixed header之后，所有事情对我都好了。
问题
但是，当我打开使用相同cdk-overlay-container和相同z-index的材料对话框时，它会显示我固定的标题，因为它的z-index很高，所以任何知道如何通过向cdk-overlay
浏览 7提问于2019-10-15得票数 4
回答已采纳
1回答
内插旋转物体
、、、、
我终于得到了插值来“平滑”运动，但是对于旋转(围绕自己的中心)的物体，它似乎不起作用--当我尝试这样做的时候，问题中的物体“抖动”。
注:我说的不是插值实际旋转，而是旋转物体
的运动
假设我有一个物体从左向右移动。使用下面的代码(与内插)，它移动良好和顺利。然而，在旋转物体后(比如45度，但这可能是任何角度)，它不再平稳地移动，它仍然沿着它的路径移动(在这种情况下，从左到右)，但它不再平滑。
主游戏环
@Override
public void onDrawFrame(GL10 gl) {
//Grab time
newTime = System.currentTimeMil
浏览 0提问于2014-09-08得票数 1
如何将定位策略(ConnectedPositionStrategy)添加到角CDK覆盖层？
我尝试通过positionStrategy属性指定它，并将它传递给overlay.create()。
import { Overlay, ConnectedPositionStrategy } from '@angular/cdk/overlay';
// ...
export class MyComponent {
constructor(private overlay: Overlay){}
showOverlay() {
let overlay =
浏览 27提问于2017-12-19得票数 15
回答已采纳
在我的angular项目中，我使用Bootstrap进行响应式设计。在一个站点上，数据应该通过拖放进行排序。除了Angular Material (https://material.angular.io/cdk/drag-drop/overview)的拖放模块之外，还有其他更好的选择吗？如果没有，是否可以通过拖放模块的Material和Bootstrap的其他样式来同时使用Material和Bootstrap？
浏览 18提问于2019-02-15得票数 1
是否有人能够让Angular4、材料和动画(菜单所需的)使用Visual代码。
从github: git克隆下载开始
打开VS代码，编译和运行，它可以工作。
现在使用NPM安装Material2 (2.0.0-beta.8)
现在导入角动画
砰-什么都不编译，欢迎来到节点包地狱。
我还没有找到任何地方可以演示如何做到这一点。
帮个忙就好了。
更多信息
安装：
npm install --save @angular/material @angular/cdk
npm install --save @angular/animations
和systemjs.config
// other l
浏览 3提问于2017-08-15得票数 0
2回答
相对路径不工作在角上
、、、、
当我在‘’上时，模块沿着以下路径加载：
http://localhost/app/modules/overview/overview.module.js
但是，当我转到页面http://localhost/overview/users，然后按F5 (刷新页面)时，我会得到错误：
Error: Unexpected token <
Evaluating http://localhost/overview/app/modules/overview/overview.module
错误发生是因为URL不正确，所以他应该是http://localhost/app/modules/overvi
浏览 1提问于2017-09-12得票数 9
回答已采纳
2回答
当我使用@angular/material和@angular/cdk时，我得到了以下错误
http://localhost:3000/@angular/cdk/observe-content (404) Not found error
systemjs.config.js
map: {
...
// Angular Material
'@angular/material': 'npm:@angular/material/bundles/material.umd.js',
// CDK individual pa
浏览 2提问于2017-08-08得票数 1
回答已采纳
我正在尝试使用Angular2-Material..我已经安装了@angular2/material和@angular2/cdk，并希望使用SnackBar。我已经在@NgModule中导入了MdSnackBarModule并尝试使用snackBar.open("hello")..
显示快捷栏，文本显示两次：
一次在快餐店，一次在右上角。
我打开了控制台，它向我显示了以下内容
MdSnackBarContainer_html:1 :
Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has change
浏览 1提问于2017-08-03得票数 1
我在我的angular项目中使用了和。我想改变mat-menu的位置。此外，我还使用以下代码片段添加到.scss文件中。
::ng-deep .cdk-overlay-pane {
transform: translate(78%, 10%);
}
但是，这也会导致我对话框面板位置发生变化。我向mat-menu添加了类，并尝试做同样的事情，结果没有什么不同。
<mat-menu #menu="matMenu" class="kebab-mat-menu" >
<button mat-menu-
浏览 1提问于2021-06-09得票数 0
下载角10上的下列项目时：
由于下列错误，无法编译：
src/Matter-module.ts中的错误:47:8-错误TS2306: File TS2306不是一个模块。
如果我运行ng添加@角/材料
跳过安装:已经安装的软件包？为自定义主题选择预先构建的主题名称或“自定义”：Deep /A mber预览: https://material.angular.io?theme=deeppurple-amber？建立全球角度材料排版风格？什么事？设置角质材料的浏览器动画？是的，成功地更新了package.json (1318字节)✔包。不能读取角模块文件:/src/unfined.ts
Mate
浏览 1提问于2020-11-08得票数 2
回答已采纳
1回答
安装角质材料时，我会收到以下警告
npm WARN @angular/cdk@5.2.4 requires a peer of @angular/core@^5.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN @angular/cdk@5.2.4 requires a peer of @angular/common@^5.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN
浏览 0提问于2018-04-10得票数 0
回答已采纳
我创建了一个简单的角9项目，只有几个简单的组件。我增加了角材料，使用：
ng add @angular/material
在完成之后，我运行了npm ，并注意到它开始用一堆我在我的应用程序中没有使用的@角形/材料/*组件编译整个“角”：
Compiling @angular/cdk/keycodes : es2015 as esm2015
Compiling @angular/animations : es2015 as esm2015
Compiling @angular/compiler/testing : es2015 as esm2015
Compiling @angular/core
浏览 3提问于2020-04-19得票数 32
我正试着使用角质材料库。我在package.json中添加了@角/材料的依赖项，如下所示
"@angular/animations": "^5.0.0",
"@angular/cdk": "^6.0.0",
"@angular/material": "^5.2.5",
当我用
import { MatTabChangeEvent } from '@angular/material';
它在编译时抛出错误。
ERROR in [at-loader] ./node_modules/@an
浏览 0提问于2018-05-06得票数 1
回答已采纳
我有一个Angular (9.1.4)项目，它使用ng-bootstrap (6.1.0)打开对话框。据我所知，每当模式打开时，都会有<div class='cdk-overlay-container' />添加到HTML中。
你知道Angular在哪里添加了这个div，以及如何删除它吗？
提前感谢！
浏览 0提问于2021-01-25得票数 1
我在我的Angular项目中安装了Angular材质。我已经遵循了中给出的所有步骤，但是当我尝试使用'npm start‘运行应用程序时，我得到了与InjectionToken和Renderer2相关的警告和错误。
我在控制台中得到的错误消息如下：
WARNING in ./~/@angular/material/@angular/material.es5.js 138:33-47 "export 'InjectionToken' was not found in '@angular/core'
WARNING in ./~/@angular/m
浏览 14提问于2017-08-25得票数 2
@角常春藤问题
描述
当我使用ng cli时，它将模块编译为esm2015，我的问题是，我有一个老系统，因为有两个角度，我使用webpack，但对我来说，它编译成es5。
如何将其更改为编译为esm2015？
最小再生产
我的tsconfig.aot.json：
{
"compilerOptions": {
"rootDir": ".",
"baseUrl": ".",
"skipLibCheck": true,
"ou
浏览 1提问于2019-07-26得票数 9
回答已采纳
2回答
我已经安装了命令：
npm install --save @angular/material @angular/cdk
我加入了app.module.ts
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MatButtonModule } from '@angular/material';
Package.json
"dependencies": {
"@angular/animations"
浏览 1提问于2018-05-09得票数 1
回答已采纳
> ng serve form-contact --port 4200 -o
✔ Browser application bundle generation complete.
Initial Chunk Files | Names | Size
styles.css, styles.js | styles | 348.46 kB
polyfills.js | polyfills | 345.50 kB
vendor.js | vendor | 343.68 kB
runtim
浏览 23提问于2022-01-14得票数 0
我使用了Angular版本11和angular material版本11.2.2。我的package.json文件
{
"name": "my-dialog",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "n
浏览 1提问于2021-02-28得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
