Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/390.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 棱角材料:;出口';材料组件&x27;在';中找不到/材料/材料模块';_Javascript_Angular_Typescript_Angular Material - Fatal编程技术网

Javascript 棱角材料:;出口';材料组件&x27;在';中找不到/材料/材料模块';

Javascript 棱角材料:;出口';材料组件&x27;在';中找不到/材料/材料模块';,javascript,angular,typescript,angular-material,Javascript,Angular,Typescript,Angular Material,我是Angular方面的新手,在导出材质模块时遇到一些问题。这就是错误: (未能编译。)./src/app/app.module.ts 17:12-30“导出 在“./material/material.module”中找不到“MaterialComponents” 这是物料模块: import { NgModule } from '@angular/core'; import { MatButtonModule } from '@angular/material/button'; const

我是Angular方面的新手,在导出材质模块时遇到一些问题。这就是错误:

(未能编译。)./src/app/app.module.ts 17:12-30“导出 在“./material/material.module”中找不到“MaterialComponents”

这是物料模块:

import { NgModule } from '@angular/core';
import { MatButtonModule } from '@angular/material/button';

const MaterialComponents = [
  MatButtonModule
];

@NgModule({
  exports: [MaterialComponents],
  imports: [MaterialComponents],
})
export class MaterialModule { }
应用程序模块:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MaterialComponents } from './material/material.module';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    MaterialComponents
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

将其更正为
MaterialModule

import { MaterialModule } from './material/material.module';

  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    MaterialModule //< -- HERE
  ],
尽管,但由于您没有将
导出
关键字放在

export const MaterialComponents = [
  MatButtonModule
];

即使您输入导出,最终也会出现错误,所以只需使用我上面建议的方法即可。对于您的值,您将在
array
中作为
array
传递

在您的情况下,请参见下文

@NgModule({
  exports: [MaterialComponents],
  imports: [MaterialComponents],
})
相当于:


@NgModule({
  exports: [[MatButtonModule]],
  imports: [[MatButtonModule]],
})

这是嵌套数组,angular的语法错误

import{NgModule}来自'@angular/core';
从“@angular/material/button”导入{MatButtonModule};
施工材料成分=[
MatButtonModule
];
@NGD模块({
出口:[材料组件],
进口:[材料组件],
})
导出类MaterialModule{}
这相当于一组数组:

@NgModule({
导出:[[MatButtonModule]],
导入:[[MatButtonModule]],
})
导出类MaterialModule{}
难道不是这样吗

@NgModule({
出口:材料和零部件,
进口:材料组件,
})
导出类MaterialModule{}

您使用的是哪个角度版本嗨!我尝试了这种方法,但在我的app.modules.ts中,错误是连续的:在本地声明“MaterialComponents”,但不是exported@GabrielJúniordeSouza:只需按照我的回答中的建议添加
导出

@NgModule({
  exports: [[MatButtonModule]],
  imports: [[MatButtonModule]],
})