Angular -找不到模块
Angular是一种流行的前端开发框架，用于构建单页Web应用。它采用TypeScript编写，具有强大的功能和丰富的生态系统。
当在使用Angular开发时，有时会遇到“找不到模块”的错误。这个错误通常是由以下原因引起的：
- 模块路径错误：在Angular中，模块路径是相对于当前文件的。请确保你提供的模块路径是正确的，并与实际文件位置相对应。如果你使用了相对路径，请检查是否有拼写错误或文件的相对位置是否正确。
- 模块未正确导出：在Angular中，模块需要被正确导出才能被其他文件引用。请确保你的模块已经被导出，并且使用正确的导出语法。
- 模块未安装或未配置：有时，找不到模块是因为它没有被正确安装或配置。请确保你已经正确地安装了所需的依赖，并在配置文件中正确引用了模块。
解决“找不到模块”的问题的常见方法包括：
- 检查模块路径：确保你提供的模块路径是正确的，并与实际文件位置相对应。
- 检查导出语法：确保你的模块已经被正确导出，并使用了正确的导出语法。在Angular中，可以使用export关键字来导出模块。
- 确认依赖已安装并配置：检查你的项目是否正确安装了所需的依赖，并在配置文件中正确引用了模块。
腾讯云提供了一系列与Angular相关的产品和服务，包括云服务器、云数据库、云存储等。你可以通过以下链接了解更多关于腾讯云的相关产品和服务：
- 腾讯云官网：https://cloud.tencent.com/
请注意，这里没有提及其他云计算品牌商，以符合要求。
相关·内容
我被创建了一个共享模块，如下所示。我在某处读到过导入顺序很重要，但我现在找不到那个链接。在某些地方，它工作得很好，但在另一些地方，我得到了错误。我想知道这些模块的顺序，以避免任何错误。
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import 'hammerjs';
import { FormsModule, ReactiveFormsModule } from '@angular/forms'
浏览 5提问于2017-11-04得票数 5
我的index.php如下所示：
<script src="app/bower_components/jquery/dist/jquery.min.js"></script>
<script src="app/bower_components/angular/angular.min.js"></script>
<script src="app/bower_components/angular-ui-router/release/angular-ui-router.min.js"><
浏览 0提问于2017-12-23得票数 0
在将Angular升级到5.0.1版本后，我找不到错误的原因。也许有人也有同样的问题。
"dependencies": {
__"@angular/animations": "~5.0.1",__
__"@angular/cdk": "^5.0.0-rc0",__
__"@angular/cli": "^1.5.0",__
__"@angular/common": "~5.0.1",__
__
浏览 3提问于2017-11-10得票数 2
当我试图在ConfirmBoxComponent中打开材质对话框时，我得到了以下错误。
找不到ConfirmBoxComponent的组件工厂。你把它添加到@NgModule.entryComponents了吗？我已经在entryComponents列表中添加了ConfirmBoxComponent
declarations: [
ConfirmBoxComponent
],
exports: [ConfirmBoxComponent],
entryComponents: [
ConfirmBoxComponent
],
通过延迟加载技术加载包含ConfirmBoxComponent的
浏览 1提问于2017-11-16得票数 2
4回答
我发现了一个错误：
模板解析错误:找不到管道'amDateFormat‘
这是我的app.module.ts
import { NgModule } from '@angular/core';
...
import { MomentModule } from 'angular2-moment';
...
@NgModule({
declarations: [
MyApp
],
imports: [
...
MomentModule,
...
],
bootstrap: [IonicApp],
浏览 7提问于2017-11-08得票数 5
回答已采纳
2回答
我正在尝试使用@angular/cdk/testing中的createKeyboardEvent，以便能够使用键盘事件：
const ENTER_EVENT = createKeyboardEvent('keydown', ENTER, inputNativeElement);
即使我用以下命令安装@angular/cdk，我也找不到该模块：
`npm i @angular/cdk`
浏览 0提问于2019-04-17得票数 3
2回答
我尝试使用Lazyload路由，但是嵌套。但我仍然得到一个错误，即它在2级路由中找不到模块。
这是我的构造：
app.module.ts：
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import
浏览 3提问于2016-11-17得票数 1
回答已采纳
你能告诉我为什么在angular中找不到模块吗？下面是我的代码
问题就在此行上
<<import { ComponentFixture, async, TestBed } from "@angular/testing";
>>
找不到TestBed
浏览 0提问于2018-04-15得票数 1
2回答
我想在不同的模块中使用一些组件。目前，我的模块化系统的结构如下
app.modules.shared
footerModules
AdministrationModule
profileModule
现在有人想要创建一个组件，例如InputControlComponent，我可以在AdministrationModule的组件以及ProfileModule中使用它。
我的第一个想法是
app.modules.shared
footerModules
AdministrationModule
profileModule
SharedModu
浏览 0提问于2018-06-29得票数 1
回答已采纳
1回答
我正在使用教程，并将问题放在下面这一行：
import {Component, View, bootstrap, NgFor} from "angular2/angular2";
我在这一行遇到了问题: TS2307找不到模块'angular2/angular2‘我有和教程中完全一样的文件和文件夹。我尝试了"typings/angular2/angular2"，但这同样没有帮助。
浏览 0提问于2015-11-01得票数 0
当我们在index.html中使用angular自定义元素标签，并使用量角器运行我们的e2e测试时，它会导致超时，因为在页面中找不到angular，因为对于Angular web组件，只有entryComponents而没有引导组件。因为构建用于部署为自定义元素的angular应用程序不需要引导组件。
浏览 11提问于2021-04-09得票数 0
我使用了最新的angular.d.ts v2.0.0-alpha.31和angular.dev.js v31。当我执行tsc或编译我的typescript代码时，它显示“找不到外部模块'angular2/http'”
浏览 0提问于2015-07-19得票数 3
我有一个使用angular cli版本7+生成的angular项目。使用ng g c componentName生成组件时会抛出错误：“找不到模块‘chownr’”。我不知道这里发生了什么。有什么想法吗？
浏览 9提问于2019-07-17得票数 0
也许我对DefinitelyTyped所包含的内容的理解是错误的。但我可以想象，我应该能够在这个回购中找到Angular2类型，不是吗？-也就是说，“tsd install angular2”找不到任何东西，而且我也找不到它了。
我发现一些旧的含有它们..。但这似乎只指阿尔法版本。
所以简单地说:我在哪里可以得到最新的Angular2类型？
浏览 6提问于2016-04-13得票数 1
回答已采纳
我尝试用NPM / TypeScript / ASP.Net核心启动一个项目
但似乎所有的教程都不是最新的或者我遗漏了什么..。
当我尝试从‘@ -> /core’导入{ Component }时，Visual不再构建，并且说它找不到模块‘@角/核心’。
这是我的私人档案：
国家预防机制：
{
"dependencies": {
"@angular/common": "2.1.2",
"@angular/compiler": "2.1.2",
"
浏览 2提问于2016-11-28得票数 1
回答已采纳
1回答
我试图添加吐司通知在asp.net核心2与角6项目，我遵循文档，但当我运行应用程序，我有错误的ngx-烤面包软件包，请任何人都可以帮助我。
Microsoft.AspNetCore.SpaServices
../node_modules/ngx-toastr/overlay/overlay-ref.d.ts(1,30)：ERROR TS2307中的错误:无法找到模块@角/核心。
../node_modules/ngx-toastr/overlay/overlay.d.ts(1,58)：错误TS2307:找不到模块‘@角/核心’。
../node_modules/ngx-toastr/port
浏览 0提问于2018-07-05得票数 2
回答已采纳
我按照教程向我的应用程序添加了延迟加载。在本地服务器上一切正常，但是当我发布我的应用程序时，找不到错误模块。我使用的是角编译器Plugin.Here是我的package.json "dependencies": { "@angular/animations": "^5.0.0", "@angular/cdk": "^5.0.0", "@angular/common": "^5.0.0", "@angular/compiler":
浏览 2提问于2017-12-18得票数 1
我使用的是角形加载杆。但是，如果一个页面有多个ng-app，我找不到使用它的方法。
目前，我只能向这样的单个应用程序添加依赖项
angular.module('myApp', ['angular-loading-bar'])
有没有办法让它在一个页面中支持多个ng-app？
浏览 2提问于2017-11-09得票数 0
我正在尝试使用默认的日期管道，该管道由@angular/common提供。
{{ publication.createDate | date }}
下面的代码是publications.module.ts
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { Publica
浏览 2提问于2020-06-08得票数 0
我有一个主模块main，它包含一个服务mainService。然后，我在我的主模块中注入了另一个模块moduleA。我在没有注入mainService模块的情况下随机调用了moduleA中的main，并且惊讶地看到它运行得很好。
angular.module('main', ['moduleA']);
angular.module('main').service('mainService', function(){
//insert code here
});
angular.module('moduleA'
浏览 0提问于2015-06-09得票数 7
回答已采纳
我是angular的新手，我正在尝试将材料设计安装到Angular。我试过了
npm install --save @angular/material
安装之后，我在app根文件夹中找不到material-module.ts文件。
我试过了
ng add @angular/material
以确保所有内容都被正确引用。但该文件仍然不存在
我做错了什么还是我还需要做点什么？？
浏览 0提问于2020-03-27得票数 0
找不到这两者之间的区别。
保留其中的任何一个来引导我的angular应用程序有意义吗？
angular.bootstrap(document,['myApp']);
或
angularAMD.bootstrap(app);
浏览 0提问于2015-07-01得票数 5
出于某种原因，Angular说它找不到firebase模块？以相同的方式导入其他模块没有问题。
import angular from 'angular';
// angular modules
import constants from './constants';
import onConfig from './on_config';
import onRun from './on_run';
import 'angular-ui-router';
import 'firebase/app&
浏览 0提问于2016-06-03得票数 2
我试图在角5应用模块中导入FormsModules，但是它给了我错误:找不到FromModule
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModules } from '@angular/forms';
import { ReactiveFormsModul
浏览 3提问于2018-05-30得票数 0
我被分配了一项任务，我必须在文件夹中运行ng serve命令。 我已经安装了node.js并检查了它的版本。运行此命令npm install -g @angular/core @angular/cli 我有以下文件夹结构。 ProjectFolder - > ClientApp - >Src
-> dist
-> e2e 我在ProjectFolder中运行此命令，并获取此error.The serve命令所需的角度项目，但找不到项目定义。 我的道路是不是错
浏览 48提问于2021-10-21得票数 0
回答已采纳
从Angular 2.0.0升级到2.0.1是没有问题的:我的web应用仍然运行得很好。
现在我想试试2.1.0.beta.0。但是，我找不到应该对@angular/router使用哪个版本(以及以后针对AoT编译的@angular/compiler-cli应该使用哪个版本)。任何提示都是值得感谢的！
浏览 6提问于2016-09-24得票数 0
我使用了PrimeNG主题和它的组件表。当我按照他们关于安装和安装npm install primeng -- ，npm install primeicons --save和npm install @angular/animations --save的说明时，我对第三个有问题。在app.module.ts中，我从‘@angular/platform-browser/animations’添加了导入导入{BrowserAnimationsModule}；然后在
imports: [
BrowserAnimationsModule
//...
],
浏览 16提问于2019-11-24得票数 1
我有app/providers/weather.js
angular.module('forecast').provider('Weather', function() {
var apiKey;
this.setApiKey = function(key) {
if(key) apiKey = key;
};
this.$get = function() {
return {
... // Some methods
};
};
});
我正试着把它注入我的config块：
angula
浏览 4提问于2014-01-11得票数 3
回答已采纳
3回答
我使用的是Ionic 3和angular 5。我有一个功能模块‘设置’：
import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { SettingsPage } from './test';
@NgModule({
declarations: [
SettingsPage,
],
imports: [
IonicPageModule.forChild(SettingsPage)
浏览 1提问于2018-03-23得票数 0
我正在尝试通过在Plunkr中设置它来测试angular-ui-tinymce。谁能告诉我如何把angular-ui-tinymce的文件放到plunkr中，这样我就可以演示它的功能了。
到目前为止，我用下面的柱塞来演示标签：
我似乎找不到任何angular-ui-tinymce的柱塞演示，希望能指导我如何添加以上内容。
浏览 0提问于2013-07-23得票数 2
回答已采纳
2回答
找不到自定义管道
、、
我已经建立了一个管道，但我不知道为什么angular找不到它。
我最上面的模块是我的shared.module
该模块又由browser.module或server.module集成。
此外，我有一个user.module作为最低层，用户的所有组件都在这里。
如果我在user.module中定义管道，将会找到该管道。
import { ExponentialStrengthPipe } from '../../exponential-strength.pipe';
[...]
@NgModule({
declarations: [ [...]
Exp
浏览 0提问于2018-03-01得票数 1
4回答
将电子与Angular2、Typescript和electron结合使用我正在尝试了解如何使用通过npm安装的节点模块包。当前的问题是，我必须像var module = require('./node_modules/xyz/lib/xyz.js')一样指定模块的位置。但是，电子找不到xyz的依赖项，这些依赖项位于./node_modules/xyz/node_modules/yyy中，并抱怨找不到./yyy.js。
电子应用程序结构
dist
├── angular2.dev.js
├── config.js
├── index.html
├── main.
浏览 25提问于2015-06-05得票数 12
4回答
所以今天我在网上搜索我发现了一些有趣的东西。所以通常我定义的角度模块如下
var app = angular.module('myApp',[]);
app.controller('myCtrl',function($scope){
//some code
})
甚至像这样
angular.module('myApp',[])
.controller('myCtrl',function($scope){
//some code
})
但是今天我发现了另一种定义角模的方法
(function(app){
浏览 2提问于2016-07-05得票数 3
回答已采纳
我试图从我的项目中测试一个控制器，但我得到了一个模块找不到错误。我看过类似的问题/答案，但这些解决方案对我都不起作用。
我的Angular代码如下：
angular.module('atMain')
.controller('MainController', ['$scope', 'atDirApi', 'atServer', '$sce', '$filter','$routeParams', '$location', '$window&
浏览 3提问于2016-05-03得票数 1
我正在学习的角js教程。
我试着用这个代码：
import {bootstrap, Component} from 'angular2/angular2';
@Component({
selector: 'my-app',
template: '<h1>My First Angular 2 App</h1>'
})
class AppComponent { }
bootstrap(AppComponent);
但我知道这个错误：
找不到模块“angular 2/角”
这是我的文件夹结构：
浏览 2提问于2015-12-05得票数 1
回答已采纳
我正在开发一个web应用程序，它是在我之前用AngularJS开发的，使用类型记录代替JS。
我有一个控制器，它有一个指定的模板，我正尝试使用$modal.open在一个模式中打开。
由于某些原因，我得到了以下错误，在堆栈溢出或其他任何地方似乎有效或与我的场景相关的地方都没有答案。
这是错误..。
错误：$controller:ctrlreg名称为“AddWeightCtrl”的控制器未注册。
在angular.js:138 at $controller (angular.js:11680) at setupControllers (angular.js:10711) at nodeLink
浏览 0提问于2019-12-08得票数 0
3回答
我想为我的模块设置延迟加载，但是有一个错误我无法解决。
错误是：
core.js:15724错误:未知(承诺)：错误:找不到模块‘app/In发-builder/In发-builder.Module’错误:找不到模块‘app/In发单-builder/In发-builder.Module’
app-routing.module.ts
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
const routes:
浏览 0提问于2019-04-10得票数 2
回答已采纳
1回答
我正在使用“js 64”："^2.1.9“在我使用”角-cli“："1.0.0-beta.15”创建的角2应用程序中使用，但我没有导入js 64库。我在“依赖项”部分中将“js 64”："^2.1.9“添加到package.json中：
package.json
"dependencies": {
"@angular/common": "2.0.0",
"@angular/compiler": "2.0.0",
"@angular/core": "2.0.0&
浏览 3提问于2016-09-25得票数 1
回答已采纳
在中
angular.module('myModule', [], function($provide) {
$provide.factory('serviceId', function() {
var shinyNewServiceInstance;
//factory function body that constructs shinyNewServiceInstance
return shinyNewServiceInstance;
});
});
我们向angular.module()提供了一个函数，它采用了$provi
浏览 5提问于2014-02-06得票数 0
回答已采纳
1回答
我有两个基于angular 5的Angular应用程序(看看dep。下面的模块)
(...)
"@angular/animations": "^5.2.11",
"@angular/cdk": "^5.2.5",
"@angular/common": "^5.2.11",
"@angular/compiler": "^5.2.11",
"@angular/core": "^5.2.11",
浏览 1提问于2020-02-07得票数 1
3回答
我是app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { HttpClient, HttpClientModule } from '@angular/common/http';
import { RouterModule, Routes } from '@angular/router';
import { AppComponent } fr
浏览 3提问于2020-09-24得票数 1
我有关于如何正确注入过滤器的问题，这个问题只出现在生产环境中，在我的本地主机上都是正确的，我认为过滤器加载在角度之前，但我已经设置了断点，并看到所有的正确方向(或者我错过了一些东西)看起来像是deps的问题。注射，但我找不到合适的方法。
这是我的文件，请帮帮忙，我被这个问题弄得头破血流。
boot.js
window.name = 'NG_DEFER_BOOTSTRAP!';
require.config({
'baseUrl': '/static/angular/',
'paths': {
/* .... */
浏览 5提问于2016-07-28得票数 0
回答已采纳
我正在开发一个应用程序，并试图将Angular2与砖石和imagesLoaded结合使用。我要使用angular2砖石结构，但似乎找不到任何关于如何让imagesLoaded使用它的文档。现在，我所有的砖块都重叠了。在以前的应用程序中，没有Angular2，我已经完成了这个实现，imagesLoaded很好地解决了这个问题。
我将如何实现这一点？我知道angular2非常不鼓励直接的DOM操作。角是否有一种方法来检查图像是否加载？也许我可以使用一个结构指令，只在图像最后加载时显示卡片？
浏览 1提问于2016-08-28得票数 1
回答已采纳
使用TS2.0Beta，我不能让新的@types工作。在我的代码中的某处：
import * as angular from 'angular';
TS 2.0 @types：
npm install --save @types/angular
tsc
编译器找不到d.ts文件:错误：(1，26) TS2307:找不到模块'angular‘。
当前(旧)使用类型工具和全局(环境之前)依赖关系的方法没有问题。
我希望d.ts查找能够在2.0中自动工作，如下所述：
也许我错过了什么？
浏览 0提问于2016-07-13得票数 13
1回答
有没有办法为webpack指定一个外部后备，例如，如果我找不到angular，就试着在你的node_modules中搜索它？
浏览 0提问于2016-04-13得票数 1
我想使用一个HTML页面(组件)到另一个组件。但我找不到点击事件。
Dashboard.component :-
import { Component, OnInit, AfterViewInit} from '@angular/core';
import { Router } from '@angular/router';
import { ViewChild } from '@angular/core';
import { HttpClientModule } from '@angular/common/http';
浏览 0提问于2018-03-31得票数 6
回答已采纳
我想使用ngx引导，所以命令是在角项目中的ng add ngx-bootstrap，但我得到的错误如下：
出现未处理的异常:找不到模块'C:\Users\Nikhil\Desktop\angular-assignment2\node_modules@yarnpkg\lockfile\index.js'.请验证"C:\Users\Nikhil\AppData\Local\Temp\ng-oquCOE\angular-errors.log“是否有有效的”主“条目--详细信息请参见package.json。
浏览 2提问于2020-07-13得票数 1
1回答
角2中的模块化路由模块
、、、
我试图像下面这样模块化我的路由模块：
app.modules.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { AppComponent } from './main/a
浏览 4提问于2017-02-26得票数 1
回答已采纳
2回答
为了避免从角材料中导入模块，我创建了一个单独的角模块AppCustomMaterialModule，并将其导入主模块AppModule中。该主模块(AppMenuComponent)的一个组件应该使用输出的角材料模块之一。但是，虽然AppCustomMaterialModule是在AppModule中导入的，但在AppMenuComponent中却找不到。直接进口工程。错误信息：Module ...app-custom-material-module/app-custom-material.module' has no exported member 'MatMenuTrigg
浏览 5提问于2017-11-20得票数 0
回答已采纳
2回答
TS2307:找不到模块“角”
、、、、
关于这个准确的错误，有许多问题。尽管如此，我还是找不到解决问题的办法。我可能错过了一些简单的东西，但我不知道是什么。
在我的项目中，我刚刚创建了第一个ts文件- initialize.ts：
import angular from "angular";
namespace AngularTypeScriptStarterKit {
angular
.module('app', []);
}
现在的问题是，“角”用红色标记，上面写着：
TS2307:找不到模块“角”
我有角的声明文件位于/typings/globals/转角/i
浏览 3提问于2017-05-14得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
