找不到模块'@angular/material-moment-adapter'

Posted 2023-03-15

【中文标题】找不到模块\'@angular/material-moment-adapter\'

【英文标题】：Cannot find module '@angular/material-moment-adapter'找不到模块'@angular/material-moment-adapter'

【发布时间】：2018-05-28 17:13:55

【问题描述】：

为什么这不起作用？我尝试导入 MomentDateAdapter，如 angular website 所示，但 Visual Studio Code 一直抱怨找不到 @angular/material-moment-adapter。我做错了什么？

版本信息：Angular CLI：1.5.0 节点：6.11.0 操作系统：darwin x64 Angular： 4.4.6 ...动画，通用，编译器，编译器cli，核心，表单... http，语言服务，平台浏览器...平台浏览器动态， 路由器，tsc-wrapped

@angular/cdk: 2.0.0-beta.12 @angular/cli: 1.5.0 @angular/material: 2.0.0-beta.12 @angular-devkit/build-optimizer：0.0.32 @angular-devkit/core：0.0.20 @angular-devkit/schematics：0.0.35 @ngtools/json-schema：1.1.0 @ngtools/webpack：1.8.0 @schemics/angular：0.1.1 打字稿：2.3.4 webpack：3.8.1

【问题讨论】：

你在 node_modules 中有 '@angular/material-moment-adapter' 吗？

看来你需要import MatMomentDateModule from '@angular/material-moment-adapter'并在app.module.ts中导入MatMomentDateModule。希望这会解决它

我的 node_modules 中没有 @angular/material-moment-adapter。我有@angular/language-service、@angular/material、@angular/platform-b​​rowser。没有@angular/material-moment-adapter。

【参考方案1】：

您应该在 Angular CLI 上运行以下命令

npm i @angular/material-moment-adapter

【参考方案2】：

只要运行这个 CMD

npm i @angular/material-moment-adapter

如果显示任何错误安装

npm i moment

【参考方案3】：

你必须在@angular 5+中安装

moment.js npm i moment

2.材料力矩适配器 npm i @angular/material-moment-adapter

Here is the link你可以访问这里。

【参考方案4】：

运行命令 ctrl + c 来终止。然后再次运行 ng serve 以重新运行应用程序。之后，您可以看到以下图像。

问题就在这里。瞬间js

然后通过在应用程序位置运行以下common来运行命令以安装moment.js。

npm i moment

之后，您可以看到它已安装，如下图所示。

就我而言，通过这些步骤，问题是正确的。

【参考方案5】：

只需使用 npm 运行此命令即可安装 @angular/material-moment-adapter：

npm i @angular/material-moment-adapter

【讨论】：

接受的答案

【参考方案6】：

我能想到的最简单的步骤是转到您的 npm 包 right click 和 delete，然后在项目文件夹中的 git bash 中运行命令 - npm install。安装将继续。其他选项是将cd 放入您的c 驱动器，然后运行npm list -g，它将列出您在全局设置中获得的所有模块，您将尝试找到您在此问题中缺少的模块。第三个选项，如果没有任何效果，请清除您的全局节点模块并重新安装它。下面的链接中已经回答了有关如何执行此操作的说明。How do I completely uninstall Node.js, and reinstall from beginning (Mac OS X)Dominic Tancredi 回答得很好。他在Mac 中提到了如何执行此操作，您将从他提到的命令中删除sudo 以使其在Windows 中工作。

【参考方案7】：

由于 @angular/material-moment-adapter 需要 Angular v5 及更高版本并且仅在 recently (in 5.0.0-rc0) 中引入，因此您必须按如下方式更新您的依赖项：

npm install -s @angular/animations,common,compiler,compiler-cli,core,forms,http,platform-browser,platform-browser-dynamic,platform-server,router@'^5.0.1' rxjs@'^5.5.2'
npm install -E typescript@2.4.2

改编自https://update.angular.io

编辑：

注意：从 NPMJS 5 开始，您不再需要指定 --save 标志，因为这是默认选项（请参阅 this blog post on changes to NPMJS 5 了解更多信息（在 重大更改 部分下）） ：

npm i @angular/animations,common,compiler,core,forms,platform-browser,platform-browser-dynamic,router@latest rxjs@latest moment
npm i -D typescript@2.9

（P.S. -D 标志是 --save-dev 的别名）

【讨论】：

运行第一个命令得到了一堆这样的行：“@angular/animations@5.1.1 invalid”和“UNMET PEER DEPENDENCY @angular/compiler@5.1.1 invalid”

我在运行这些命令时遇到了问题，但根据您所说的需要 angular 5，我使用现在更新的 CLI 生成一个新项目，并从新项目中复制了 package.json 文件，然后这似乎奏效了。

投反对票的人，你能解释一下你为什么投反对票吗？

@Edric：我认为将 moment.js 添加为xudre wrote it below

@Burnee 感谢您的提醒！我在回答中添加了您所说的内容。

【参考方案8】：

对于像我这样也遇到这个问题并且已经拥有最新 @angular 5+ 的人。

别忘了安装Moment.js:npm i moment（和我一样）

【讨论】：

运行这个 plus npm i @angular/material-moment-adapter 为我工作。

【参考方案9】：

看看这个：https://stackblitz.com/angular/gxamabemnyx

需要注意的是，您必须手动安装模块：npm install @angular/material-moment-adapter

查看缺少的 package.json。

【讨论】：

@Curtis 看看我的回答。