why when i want to ng build --prod this problem showed?

Viewed 3098

ERROR in ./node_modules/ng2-pdf-viewer/fesm5/ng2-pdf-viewer.js Module build failed (from ./node_modules/@angular-devkit/build-optimizer/src/build-optimizer/webpack-loader.js): TypeError: Cannot read property 'kind' of undefined at isAngularDecoratorMetadataExpression (E:\Mohamed Mostafa Work\new_project\reservation\node_modules@angular-devkit\build-optimizer\src\transforms\scrub-file.js:265:35) at checkNodeForDecorators (E:\Mohamed Mostafa Work\new_project\reservation\node_modules@angular-devkit\build-optimizer\src\transforms\scrub-file.js:77:21) at visitNodes (E:\Mohamed Mostafa Work\new_project\reservation\node_modules@angular-devkit\build-optimizer\node_modules\typescript\lib\typescript.js:16144:30) at Object.forEachChild (E:\Mohamed Mostafa Work\new_project\reservation\node_modules@angular-devkit\build-optimizer\node_modules\typescript\lib\typescript.js:16370:24) at checkNodeForDecorators (E:\Mohamed Mostafa Work\new_project\reservation\node_modules@angular-devkit\build-optimizer\src\transforms\scrub-file.js:68:31) at visitNode (E:\Mohamed Mostafa Work\new_project\reservation\node_modules@angular-devkit\build-optimizer\node_modules\typescript\lib\typescript.js:16135:24) at Object.forEachChild (E:\Mohamed Mostafa Work\new_project\reservation\node_modules@angular-devkit\build-optimizer\node_modules\typescript\lib\typescript.js:16265:21) at checkNodeForDecorators (E:\Mohamed Mostafa Work\new_project\reservation\node_modules@angular-devkit\build-optimizer\src\transforms\scrub-file.js:68:31) at visitNode (E:\Mohamed Mostafa Work\new_project\reservation\node_modules@angular-devkit\build-optimizer\node_modules\typescript\lib\typescript.js:16135:24) at Object.forEachChild (E:\Mohamed Mostafa Work\new_project\reservation\node_modules@angular-devkit\build-optimizer\node_modules\typescript\lib\typescript.js:16322:24) at checkNodeForDecorators (E:\Mohamed Mostafa Work\new_project\reservation\node_modules@angular-devkit\build-optimizer\src\transforms\scrub-file.js:68:31) at visitNode (E:\Mohamed Mostafa Work\new_project\reservation\node_modules@angular-devkit\build-optimizer\node_modules\typescript\lib\typescript.js:16135:24) at Object.forEachChild (E:\Mohamed Mostafa Work\new_project\reservation\node_modules@angular-devkit\build-optimizer\node_modules\typescript\lib\typescript.js:16333:24) at checkNodeForDecorators (E:\Mohamed Mostafa Work\new_project\reservation\node_modules@angular-devkit\build-optimizer\src\transforms\scrub-file.js:68:31) at visitNode (E:\Mohamed Mostafa Work\new_project\reservation\node_modules@angular-devkit\build-optimizer\node_modules\typescript\lib\typescript.js:16135:24) at Object.forEachChild (E:\Mohamed Mostafa Work\new_project\reservation\node_modules@angular-devkit\build-optimizer\node_modules\typescript\lib\typescript.js:16229:21)

8 Answers

I got same error but finally resolved with following solution.. Unistall ng2-pdf-viewer viewer first then install - npm install ng2-pdf-viewer@5.3.4

After searching for a long time, this worked for me.

Upgraded @angular-devkit/build-angular to version: "~0.803.19" and then prod build worked fine. Made the following change in package.json.

"devDependencies": {
  "@angular-devkit/build-angular": "~0.803.19",
   ...
}

This worked for ng2-pdf-viewer: 6.3.0 & Angular 8.3.19

Hope this helps!

Delete package-lock.json from root folder edit package.json and change ng2-pdf-viewer version as below

"ng2-pdf-viewer": "5.3.4"

run below commands

npm install
npm build --prod 

it should resolve the issue

Please change your angular-devkit dependencies to latest version in the package.josn file:

I have changed version in below dependencies and its worked with the --prod command

"devDependencies": { "@angular-devkit/architect": "~0.803.20", "@angular-devkit/build-angular": "~0.803.20", "@angular-devkit/core": "~8.3.20", "@angular-devkit/schematics": "~8.3.20", }

This solution working like charm :)

Setting the below attribute present in angular.json to false solved the problem for me:

"buildOptimizer": false

Navigate to your application folder and run npm i command first, you seem to miss a dozen of packages

Try delete your node_modules folder and then run npm i

Lower version ng2-pdf-viewer work fine for me

Related