"export 'DOCUMENT' was not found in '@angular/platform-browser'

Question

Happened while trying to upgrade IONIC app from version 3 to 4

Updated all plugins and modules to latest available, without any luck.

ERROR in ./node_modules/ionic-angular/components/app/app.js 24:35-43
"export 'DOCUMENT' was not found in '@angular/platform-browser'
ERROR in ./node_modules/ionic-angular/module.js 195:71-79
"export 'DOCUMENT' was not found in '@angular/platform-browser'
[ERROR] An error occurred while running subprocess ng.

This is my IONIC INFO

Ionic info:
Ionic:

   Ionic CLI                     : 5.1.0 (C:\Users\Acer\AppData\Roaming\npm\node_modules\ionic)
   Ionic Framework               : @ionic/angular 4.6.0
   @angular-devkit/build-angular : 0.800.6
   @angular-devkit/schematics    : 8.0.6
   @angular/cli                  : 8.0.6
   @ionic/angular-toolkit        : 2.0.0

Cordova:

   Cordova CLI       : 9.0.0 (cordova-lib@9.0.1)
   Cordova Platforms : not available
   Cordova Plugins   : not available

Utility:

   cordova-res : 0.5.1
   native-run  : 0.2.6

System:

   Android SDK Tools : 26.1.1 (C:\Users\Acer\AppData\Local\Android\sdk)
   NodeJS            : v10.11.0 (C:\Program Files\nodejs\node.exe)
   npm               : 6.9.2
   OS                : Windows 10

would appreciate, somebody could be helpful.

Answer 1

从@ angular / platform-b​​rowser中删除了DOCUMENT如果从@ angular / platform-b​​rowser中使用DOCUMENT，则应该开始从@ angular / common导入。

直到仓库被修复之前，您可以按照以下步骤为您修复它...

在

\ node_modules \ ionic-angular \ components \ app \ app.js

更换

import { DOCUMENT, Title } from '@angular/platform-browser';

与

import { DOCUMENT } from '@angular/common';
import { Title } from '@angular/platform-browser';

和在

\ node_modules \ ionic-angular \ module.js

更换

import { DOCUMENT, HAMMER_GESTURE_CONFIG } from '@angular/platform-browser';

用

import { DOCUMENT } from '@angular/common';
import { HAMMER_GESTURE_CONFIG } from '@angular/platform-browser';

Answer 2

我在迁移到 angular 8.xx 时遇到了这个问题。

实际上，“DOCUMENT”已被弃用，'@angular/platform-browser'现在是'@angular/common'.

较旧的插件仍然尝试从'@angular/platform-browser'. 只需检查 node_modules 部分中插件的“fesm5”和“fesm2015”文件夹下的 .js 和 .js.map 文件。

最好将特定插件更新到最新的角度兼容版本。

就我而言，令人不安的插件是'ngx-clipboard'.