chunk {main} main. js, main. js .map (main) 2,1 кБ [исходный] [визуализированный] Невозможно прочитать свойство 'map' из undefined для angular - PullRequest
Новая
       6

chunk {main} main. js, main. js .map (main) 2,1 кБ [исходный] [визуализированный] Невозможно прочитать свойство 'map' из undefined для angular

0 голосов
/ 25 марта 2020

enter image description here

Выше приведена ошибка, которую я получаю. Я не могу разрешить его, потому что не понимаю, в каком файле это происходит.

Ниже приведен мой файл component.ts:

image

Это изображение вставлено является ошибкой. Я не добавил ни одного элемента карты ни в один из моих файлов.

Ниже приведен мой app-routing.module.ts 

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';


const routes: Routes = [];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

Это мой индекс. html

<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>AppliedInsightFrontend</title>
    <base href="/">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>

<body>
    <app-root></app-root>
</body>

</html>

Это будет мой main.ts 

import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './app/app.module';
import { environment } from './environments/environment';

if (environment.production) {
  enableProdMode();
}

platformBrowserDynamic().bootstrapModule(AppModule)
  .catch(err => console.error(err));

Ниже приведена полная ошибка: 

0% compiling
Compiling @angular/core : es2015 as esm2015
10% building 3/3 modules 0 activeℹ ｢wds｣: Project is running at http://localhost:4200/webpack-dev-server/
ℹ ｢wds｣: webpack output is served from /
ℹ ｢wds｣: 404s will fallback to //index.html

chunk {main} main.js, main.js.map (main) 2.1 kB [initial] [rendered]
chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 127 kB [initial] [rendered]
chunk {runtime} runtime.js, runtime.js.map (runtime) 6.15 kB [entry] [rendered]
chunk {styles} styles.js, styles.js.map (styles) 177 kB [initial] [rendered]
chunk {vendor} vendor.js, vendor.js.map (vendor) 340 kB [initial] [rendered]
Date: 2020-03-25T14:38:50.300Z - Hash: 5926a3d885deed4ad147 - Time: 3212ms

ERROR in Cannot read property 'map' of undefined
** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
ℹ ｢wdm｣: Failed to compile.

Ответы [ 2 ]

0 голосов
/ 30 марта 2020

На вашем chrome или в отладчике вашего браузера выберите паузу при обнаружении исключений. Он остановится в том месте, где вы получаете эту ошибку.

Лучший способ сделать это - включить исходные карты. Я уверен, что используемый вами пакет будет иметь поддержку для генерации javascript исходных карт. Для angular Я думаю, вы можете узнать, как включить исходные карты на net, может быть, просто небольшое изменение конфигурации. Включите его, создайте приложение, запустите его на chrome и выберите паузу для обнаруженных исключений. Он остановится на точной строке и покажет файл, в котором произошла эта ошибка.

Не забудьте отключить исходные карты для сред prod

0 голосов
/ 26 марта 2020

Часто зависимые компоненты не импортируют все, что им нужно.

Начните с этого: ng update @ angular / material

Если это не сработает ... Удалите кэш npm (или саму папку) в своем проекте, а затем введите в npm установить из папки с пакетом. json.

Если это не сработает, вы можете попробовать обновить ng до последней версии (8 или 9).

Если это не сработает, попробуйте обновление npm @ угловой / материал @ ^ XYY

...