Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Invalid IIFE Structure in Angular CLI / Webpack build

See original GitHub issue

Bug

Build Error ERROR in ./node_modules/tinymce/tinymce.js Module build failed: Error: Invalid IIFE Structure

Affected Version TinyMCE: 4.7.13 Angular CLI: 6.0.7 Node: 10.3.0 OS: Windows 10

Repro Steps

Create a new default Angular project using ng new test-app.
Add the following to package.json: "tinymce": "4.7.13".
Run npm install.
Add the following to app.module.ts: import 'tinymce';
Build with ng build --prod.

Further Info The same does not occur in version 4.7.4. The same does not occur without the prod build flag, i.e. this does not produce the error: ng build.

Full Error Message ERROR in ./node_modules/tinymce/tinymce.js Module build failed: Error: Invalid IIFE Structure at updateEnumIife (C:\Users\Jason\Desktop\test-app\node_modules@angular-devkit\build-optimizer\src\transforms\wrap-enums.js:307:15) at visitBlockStatements (C:\Users\Jason\Desktop\test-app\node_modules@angular-devkit\build-optimizer\src\transforms\wrap-enums.js:82:61) at visitor (C:\Users\Jason\Desktop\test-app\node_modules@angular-devkit\build-optimizer\src\transforms\wrap-enums.js:33:26) at visitNode (C:\Users\Jason\Desktop\test-app\node_modules@angular-devkit\build-optimizer\node_modules\typescript\lib\typescript.js:56836:23) at visitFunctionBody (C:\Users\Jason\Desktop\test-app\node_modules@angular-devkit\build-optimizer\node_modules\typescript\lib\typescript.js:56942:23) at Object.visitEachChild (C:\Users\Jason\Desktop\test-app\node_modules@angular-devkit\build-optimizer\node_modules\typescript\lib\typescript.js:57062:407) at visitor (C:\Users\Jason\Desktop\test-app\node_modules@angular-devkit\build-optimizer\src\transforms\wrap-enums.js:53:23) at visitNode (C:\Users\Jason\Desktop\test-app\node_modules@angular-devkit\build-optimizer\node_modules\typescript\lib\typescript.js:56836:23) at Object.visitEachChild (C:\Users\Jason\Desktop\test-app\node_modules@angular-devkit\build-optimizer\node_modules\typescript\lib\typescript.js:57052:44) at visitor (C:\Users\Jason\Desktop\test-app\node_modules@angular-devkit\build-optimizer\src\transforms\wrap-enums.js:53:23) at visitNode (C:\Users\Jason\Desktop\test-app\node_modules@angular-devkit\build-optimizer\node_modules\typescript\lib\typescript.js:56836:23) at Object.visitEachChild (C:\Users\Jason\Desktop\test-app\node_modules@angular-devkit\build-optimizer\node_modules\typescript\lib\typescript.js:57060:45) at visitor (C:\Users\Jason\Desktop\test-app\node_modules@angular-devkit\build-optimizer\src\transforms\wrap-enums.js:53:23) at visitNode (C:\Users\Jason\Desktop\test-app\node_modules@angular-devkit\build-optimizer\node_modules\typescript\lib\typescript.js:56836:23) at Object.visitEachChild (C:\Users\Jason\Desktop\test-app\node_modules@angular-devkit\build-optimizer\node_modules\typescript\lib\typescript.js:57106:49) at visitor (C:\Users\Jason\Desktop\test-app\node_modules@angular-devkit\build-optimizer\src\transforms\wrap-enums.js:53:23)

Issue Analytics

State:
Created 5 years ago
Reactions:4
Comments:7 (1 by maintainers)

Top GitHub Comments

5reactions

isawkcommented, Aug 16, 2018

angular.json scripts include “node_modules/tinymce/tinymce.min.js”

in component, declare tinymce declare var tinymce:any;

4reactions

isawkcommented, Aug 16, 2018

Issues still there with angular build tinymce 4.8.2

ERROR in ./node_modules/tinymce/tinymce.js Module build failed: Error: Invalid IIFE Structure at updateEnumIife (/Users/KOGA/Development/angular/ibudo-app/node_modules/@angular-devkit/build-optimizer/src/transforms/wrap-enums.js:307:15) at visitBlockStatements (/Users/KOGA/Development/angular/ibudo-app/node_modules/@angular-devkit/build-optimizer/src/transforms/wrap-enums.js:82:61) at visitor (/Users/KOGA/Development/angular/ibudo-app/node_modules/@angular-devkit/build-optimizer/src/transforms/wrap-enums.js:33:26) at visitNode (/Users/KOGA/Development/angular/ibudo-app/node_modules/@angular-devkit/build-optimizer/node_modules/typescript/lib/typescript.js:56836:23) at visitFunctionBody (/Users/KOGA/Development/angular/ibudo-app/node_modules/@angular-devkit/build-optimizer/node_modules/typescript/lib/typescript.js:56942:23) at Object.visitEachChild (/Users/KOGA/Development/angular/ibudo-app/node_modules/@angular-devkit/build-optimizer/node_modules/typescript/lib/typescript.js:57062:407) at visitor (/Users/KOGA/Development/angular/ibudo-app/node_modules/@angular-devkit/build-optimizer/src/transforms/wrap-enums.js:53:23) at visitNode (/Users/KOGA/Development/angular/ibudo-app/node_modules/@angular-devkit/build-optimizer/node_modules/typescript/lib/typescript.js:56836:23) at Object.visitEachChild (/Users/KOGA/Development/angular/ibudo-app/node_modules/@angular-devkit/build-optimizer/node_modules/typescript/lib/typescript.js:57052:44) at visitor (/Users/KOGA/Development/angular/ibudo-app/node_modules/@angular-devkit/build-optimizer/src/transforms/wrap-enums.js:53:23) at visitNode (/Users/KOGA/Development/angular/ibudo-app/node_modules/@angular-devkit/build-optimizer/node_modules/typescript/lib/typescript.js:56836:23) at Object.visitEachChild (/Users/KOGA/Development/angular/ibudo-app/node_modules/@angular-devkit/build-optimizer/node_modules/typescript/lib/typescript.js:57060:45) at visitor (/Users/KOGA/Development/angular/ibudo-app/node_modules/@angular-devkit/build-optimizer/src/transforms/wrap-enums.js:53:23) at visitNode (/Users/KOGA/Development/angular/ibudo-app/node_modules/@angular-devkit/build-optimizer/node_modules/typescript/lib/typescript.js:56836:23) at Object.visitEachChild (/Users/KOGA/Development/angular/ibudo-app/node_modules/@angular-devkit/build-optimizer/node_modules/typescript/lib/typescript.js:57106:49) at visitor (/Users/KOGA/Development/angular/ibudo-app/node_modules/@angular-devkit/build-optimizer/src/transforms/wrap-enums.js:53:23)

Top Results From Across the Web

Developers - Invalid IIFE Structure in Angular CLI / Webpack build -

Create a new default Angular project using ng new test-app . · Add the following to package.json: "tinymce": "4.7.13" . · Run npm...

Invalid configuration object. Webpack has been initialised ...

Webpack has been initialised using a configuration object that does not match the API schema. - configuration has an unknown property 'rules'.

Output - webpack

The top-level output key contains a set of options instructing webpack on how and where it should output your bundles, assets, and anything...

Angular CLI Behind the Scenes - Part One

As it turns out, ng build is a wrapper over the webpack library/utility. Webpack, itself, is a modularization/ build framework for Javascript applications....

Building an Angular Application for Production - Minko Gechev

Angular application, bundled with browserify is 1.4MB! ... Above we tell rollup to bundle the modules as IIFE (Immediately-Invoked Function ...