TypeError: Cannot read property 'content' of undefined

shyamal890 commented 7 years ago

Really couldn't make any head way in terms of debugging this issue. Would really appreciate some help here.

Running app-scripts build: --prod --iscordovaserve --external-ip-required --nobrowser

[00:44:56]  build prod started ... 
[00:44:56]  clean started ... 
[00:44:56]  clean finished in 1 ms 
[00:44:56]  copy started ... 
[00:44:56]  ngc started ... 
[00:45:14]  ngc finished in 18.69 s 
[00:45:14]  preprocess started ... 
[00:45:14]  deeplinks started ... 
[00:45:16]  deeplinks finished in 1.82 s 
[00:45:16]  optimization started ... 
[00:45:16]  copy finished in 20.82 s 
[1000D[K[WARN] Error occurred during command execution from a CLI plugin (@ionic/cli-plugin-cordova). Your plugins may be out of date.
[1000D[KError: ./src/app/models/Task/TaskModel.ts
Module build failed: TypeError: Cannot read property 'content' of undefined
    at Object.optimizationLoader (/Users/jayesh/www/smart-task/SmartTask.Mob2/node_modules/@ionic/app-scripts/dist/webpack/optimization-loader-impl.js:14:24)
    at Object.loader (/Users/jayesh/www/smart-task/SmartTask.Mob2/node_modules/@ionic/app-scripts/dist/webpack/optimization-loader.js:5:32)
 @ ./src/app/models/app.models.js 79:0-41
 @ ./src/app/services/auth.service.js
 @ ./src/app/app.module.ngfactory.js
 @ ./src/app/main.ts

Ionic Info:

global packages:

    @ionic/cli-utils : 1.2.0
    Cordova CLI      : 7.0.1
    Ionic CLI        : 3.2.0

local packages:

    @ionic/app-scripts              : 1.3.7
    @ionic/cli-plugin-cordova       : 1.2.1
    @ionic/cli-plugin-ionic-angular : 1.2.0
    Cordova Platforms               : android 6.1.2
    Ionic Framework                 : ionic-angular 3.3.0

System:

    Node       : v6.10.0
    OS         : Windows 7
    Xcode      : not installed
    ios-deploy : not installed
    ios-sim    : not installed

stenrdj commented 7 years ago

I got the same error when i tried to build my app in prod release mode ; ionic-app-script task: "build" [14:45:14] Error: ./src/providers/Appload.ts Module build failed: TypeError: Cannot read property 'content' of undefined at Object.optimizationLoader

Anyone can help??

samy-59 commented 7 years ago

I've got the same error :

ionic-app-script task: "build" 
[11:07:24]  Error: ./api/server/collections/index.ts Module build failed: TypeError: Cannot read property 'content' of undefined at Object.optimizationLoader

I have downgrade the package @ionic/app-scripts to the version 1.3.4 and now everything is ok.

jayeshanandani commented 7 years ago

This error generally happens when filename don't match at the given path. Git is insensitive to the filename. Appload.ts if is "appload.ts" then this will fail. Ensure on file where it is failing the file name is correct.

The point where this error occurs is due to file not found at that path.

RobertYoung commented 7 years ago

I'm getting this error message because I'm referencing a .ts file in my node api folder. I'm wondering whether it's erroring because it's not in the src folder.

jayeshanandani commented 7 years ago

@RobertYoung : could you share some code or repo to reproduce?

RobertYoung commented 7 years ago

@jayeshanandani Here is an example repo. Run the build:prod script.

https://github.com/RobertYoung/ionic-build-prod-error-sample

ganey commented 7 years ago

I'm also getting build --prod issues for android, without --prod works fine though

lincolnthree commented 7 years ago

Happening to me, too on ngx-uploader module. https://github.com/jkuri/ngx-uploader

[14:13:25]  ionic-app-script task: "build" 
[14:13:25]  Error: ./~/ngx-uploader/src/ngx-uploader/module/ngx-uploader.module.ts Module build failed: TypeError: 
            Cannot read property 'content' of undefined at Object.optimizationLoader 
            (/Users/lb3/projects/maritlabs/marit-mtg-ionic-web/node_modules/@ionic/app-scripts/dist/webpack/optimization-loader-impl.js:14:24)
            at Object.loader 
            (/Users/lb3/projects/maritlabs/marit-mtg-ionic-web/node_modules/@ionic/app-scripts/dist/webpack/optimization-loader.js:5:32)
            @ ./src/app/app.module.ngfactory.js 29:0-85 @ 
            ./src/app/main.ts,./~/ngx-uploader/src/ngx-uploader/directives/ng-file-drop.directive.ts Module build 
            failed: TypeError: Cannot read property 'content' of undefined at Object.optimizationLoader 
            (/Users/lb3/projects/maritlabs/marit-mtg-ionic-web/node_modules/@ionic/app-scripts/dist/webpack/optimization-loader-impl.js:14:24)
            at Object.loader 
            (/Users/lb3/projects/maritlabs/marit-mtg-ionic-web/node_modules/@ionic/app-scripts/dist/webpack/optimization-loader.js:5:32)
            @ ./src/pages/manage-event-pairings/manage-event-pairings.ngfactory.js 31:0-92 @ 
            ./src/pages/manage-event-pairings/manage-event-pairings.module.ngfactory.ts @ ./src lazy @ 
            ./~/ionic-angular/util/ng-module-loader.js @ ./src/app/app.module.ngfactory.js @ 
            ./src/app/main.ts,./~/ngx-uploader/src/ngx-uploader/directives/ng-file-select.directive.ts Module build 
            failed: TypeError: Cannot read property 'content' of undefined at Object.optimizationLoader 
            (/Users/lb3/projects/maritlabs/marit-mtg-ionic-web/node_modules/@ionic/app-scripts/dist/webpack/optimization-loader-impl.js:14:24)
            at Object.loader 
            (/Users/lb3/projects/maritlabs/marit-mtg-ionic-web/node_modules/@ionic/app-scripts/dist/webpack/optimization-loader.js:5:32)
            @ ./src/pages/manage-event-pairings/manage-event-pairings.ngfactory.js 40:0-94 @ 
            ./src/pages/manage-event-pairings/manage-event-pairings.module.ngfactory.ts @ ./src lazy @ 
            ./~/ionic-angular/util/ng-module-loader.js @ ./src/app/app.module.ngfactory.js @ ./src/app/main.ts 
Error: ./~/ngx-uploader/src/ngx-uploader/module/ngx-uploader.module.ts
Module build failed: TypeError: Cannot read property 'content' of undefined
    at Object.optimizationLoader (/Users/lb3/projects/maritlabs/marit-mtg-ionic-web/node_modules/@ionic/app-scripts/dist/webpack/optimization-loader-impl.js:14:24)
    at Object.loader (/Users/lb3/projects/maritlabs/marit-mtg-ionic-web/node_modules/@ionic/app-scripts/dist/webpack/optimization-loader.js:5:32)
 @ ./src/app/app.module.ngfactory.js 29:0-85
 @ ./src/app/main.ts,./~/ngx-uploader/src/ngx-uploader/directives/ng-file-drop.directive.ts
Module build failed: TypeError: Cannot read property 'content' of undefined
    at Object.optimizationLoader (/Users/lb3/projects/maritlabs/marit-mtg-ionic-web/node_modules/@ionic/app-scripts/dist/webpack/optimization-loader-impl.js:14:24)
    at Object.loader (/Users/lb3/projects/maritlabs/marit-mtg-ionic-web/node_modules/@ionic/app-scripts/dist/webpack/optimization-loader.js:5:32)
 @ ./src/pages/manage-event-pairings/manage-event-pairings.ngfactory.js 31:0-92
 @ ./src/pages/manage-event-pairings/manage-event-pairings.module.ngfactory.ts
 @ ./src lazy
 @ ./~/ionic-angular/util/ng-module-loader.js
 @ ./src/app/app.module.ngfactory.js
 @ ./src/app/main.ts,./~/ngx-uploader/src/ngx-uploader/directives/ng-file-select.directive.ts
Module build failed: TypeError: Cannot read property 'content' of undefined
    at Object.optimizationLoader (/Users/lb3/projects/maritlabs/marit-mtg-ionic-web/node_modules/@ionic/app-scripts/dist/webpack/optimization-loader-impl.js:14:24)
    at Object.loader (/Users/lb3/projects/maritlabs/marit-mtg-ionic-web/node_modules/@ionic/app-scripts/dist/webpack/optimization-loader.js:5:32)
 @ ./src/pages/manage-event-pairings/manage-event-pairings.ngfactory.js 40:0-94
 @ ./src/pages/manage-event-pairings/manage-event-pairings.module.ngfactory.ts
 @ ./src lazy
 @ ./~/ionic-angular/util/ng-module-loader.js
 @ ./src/app/app.module.ngfactory.js
 @ ./src/app/main.ts
    at BuildError.Error (native)
    at new BuildError (/Users/lb3/projects/maritlabs/marit-mtg-ionic-web/node_modules/@ionic/app-scripts/dist/util/errors.js:16:28)
    at /Users/lb3/projects/maritlabs/marit-mtg-ionic-web/node_modules/@ionic/app-scripts/dist/preprocess.js:18:21
    at process._tickCallback (internal/process/next_tick.js:103:7)


Cordova CLI: 6.4.0 
Ionic Framework Version: 3.4.2
Ionic CLI Version: 2.2.2
Ionic App Lib Version: 2.2.1
Ionic App Scripts Version: 1.3.12
ios-deploy version: 1.9.0 
ios-sim version: 5.0.8 
OS: macOS Sierra
Node Version: v6.8.1
Xcode version: Xcode 8.3.3 Build version 8E3004b

philliphartin commented 7 years ago

I'm also getting the same issue:

[12:19:12]  ionic-app-script task: "build" 
[12:19:12]  Error: ./environment/environment-variables.module.ts Module build failed: TypeError: Cannot read property 
            'content' of undefined at Object.optimizationLoader 
            (/home/philliphartin/Development/project_x/ionic/node_modules/@ionic/app-scripts/dist/webpack/optimization-loader-impl.js:14:24)
            at Object.loader 
            (/home/philliphartin/Development/project_x/ionic/node_modules/@ionic/app-scripts/dist/webpack/optimization-loader.js:5:32)
            @ ./src/app/app.module.ngfactory.js 19:0-74 @ ./src/app/main.ts,./environment/environment-variables.token.ts 
            Module build failed: TypeError: Cannot read property 'content' of undefined at Object.optimizationLoader 
            (/home/philliphartin/Development/project_x/ionic/node_modules/@ionic/app-scripts/dist/webpack/optimization-loader-impl.js:14:24)
            at Object.loader 
            (/home/philliphartin/Development/project_x/ionic/node_modules/@ionic/app-scripts/dist/webpack/optimization-loader.js:5:32)
            @ ./src/app/app.module.ngfactory.js 109:0-74 @ ./src/app/main.ts 
Error: ./environment/environment-variables.module.ts
Module build failed: TypeError: Cannot read property 'content' of undefined
    at Object.optimizationLoader (/home/philliphartin/Development/project_x/ionic/node_modules/@ionic/app-scripts/dist/webpack/optimization-loader-impl.js:14:24)
    at Object.loader (/home/philliphartin/Development/project_x/ionic/node_modules/@ionic/app-scripts/dist/webpack/optimization-loader.js:5:32)
 @ ./src/app/app.module.ngfactory.js 19:0-74

Environment:

global packages:

    @ionic/cli-utils : 1.5.0
    Cordova CLI      : 7.0.1 
    Gulp CLI         : CLI version 1.3.0 Local version 3.9.1
    Ionic CLI        : 3.5.0

local packages:

    @ionic/app-scripts              : 2.0.2
    @ionic/cli-plugin-cordova       : 1.4.1
    @ionic/cli-plugin-gulp          : 1.0.2
    @ionic/cli-plugin-ionic-angular : 1.3.2
    Cordova Platforms               : browser 4.1.0
    Ionic Framework                 : ionic-angular 3.5.3

System:

    Node       : v6.11.0
    OS         : Linux 4.10
    Xcode      : not installed
    ios-deploy : not installed
    ios-sim    : not installed
    npm        : 3.10.10

UPDATE: My issue was that I was referencing a file not under the src directory. When I moved the containing folder to src. This fixed the issue for me

nolazybits commented 7 years ago

I have the same problem

$ ionic info                                                                                                 1 ↵  8.1.4 ⬢

cli packages:

    @ionic/cli-plugin-cordova       : 1.5.0 
    @ionic/cli-plugin-ionic-angular : 1.4.0 
    @ionic/cli-utils                : 1.6.0 
    ionic (Ionic CLI)               : 3.6.0 

global packages:

    Cordova CLI : 7.0.1

local packages:

    @ionic/app-scripts : 2.1.3
    Cordova Platforms  : android 6.2.3
    Ionic Framework    : ionic-angular 3.6.0

System:

    Android SDK Tools : 26.0.2
    Node              : v8.1.4
    OS                : macOS Sierra
    npm               : 5.0.3

and using angular 4.1.3

Any update on this?

Thanks

paulbota commented 7 years ago

same here with clean ionic-app-scripts project using default webpack.config. I added a typescript module using npm link.

allanclempe commented 7 years ago

same error using app-scripts 1.3.7 and --prod

allanclempe commented 7 years ago

In my case, I was importing files from outside /src directory. The Webpack is trying to get the compiled js file from the original typescript folder. I've disabled the optimizer and the real error shows up.

PS C:\temp\myapp> $env:IONIC_MANUAL_TREESHAKING= 'false'
PS C:\temp\myapp> $env:IONIC_PURGE_DECORATORS='false'

#build
PS C:\temp\myapp> ionic cordova run android --prod
Running app-scripts build: --prod --address 0.0.0.0 --port 8100 --p 8100 --livereload-port 35729 --r 35729 --iscordovaserve --nobrowser

[14:08:38]  build prod started ...
[14:08:38]  clean started ...
[14:08:38]  clean finished in 10 ms
[14:08:38]  copy started ...
[14:08:38]  ngc started ...
[14:08:46]  ngc finished in 7.98 s
[14:08:46]  preprocess started ...
[14:08:46]  deeplinks started ...
[14:08:46]  deeplinks finished in 106 ms
[14:08:46]  optimization started ...
[14:08:46]  optimization finished in 12 ms
[14:08:46]  preprocess finished in 122 ms
[14:08:46]  webpack started ...
[14:08:47]  copy finished in 8.45 s
[WARN] Error occurred during command execution from a CLI plugin (@ionic/cli-plugin-cordova).
Error: ./server/test.model.ts
Module build failed: Error: ENOENT: no such file or directory, open 'C:\temp\myapp\server\test.model.js'
    at Error (native)
 @ ./src/pages/home/home.ts 12:0-52
 @ ./src/app/app.module.ts
 @ ./src/app/app.module.ngfactory.ts
 @ ./src/app/main.ts

I solved the problem including the server folder into tsconfig file.

"include": [
    "src/**/*.ts",
    "server/**/*.model.ts",
];

Thanks.

jariztia commented 7 years ago

thanks @allanclempe, I had the same issue

josexs commented 6 years ago

A mi me paso simplemente por un problema de mayusculas y minusculas! Me tire horas buscando...

lopezhansel commented 6 years ago

Possible Solution

I believe a webpack plugin decided to no longer accepts my declaration files that had the extension .d.ts. I had a file with only type annotations named user.d.ts and I was forced to rename it to user.ts. This allowed me to get passed the error.

More Insight

I had the same error where Module build failed: TypeError: Cannot read property 'content' of undefined.

I didn't change any of my code, this only happened after I updated @ionic/app-scripts@2.1.4. I also tried @ionic/app-scripts@2.0.2 and got the same error.

While ionic-app-scripts serve worked flawlessly, ionic-app-scripts build --prod --release stopped working.

"Properly" downgrading or updating to different versions Angular, Ionic-Angular,and @angular/cli didn't fix the error. I was using the current versions.

@angular/common@4.3.6
Ionic-Angular@3.6.1
@angular/cli@1.4.3

Ionic Info:

@ionic/cli-utils  : 1.12.0
    ionic (Ionic CLI) : 3.12.0

global packages:

    cordova (Cordova CLI) : 7.0.1

local packages:

    @ionic/app-scripts : 2.1.4
    Cordova Platforms  : android 6.2.3
    Ionic Framework    : ionic-angular 3.6.1

System:

    Android SDK Tools : 25.2.3
    Node              : v7.4.0
    npm               : 4.0.5
    OS                : Windows 10

devchicadmin commented 6 years ago

I had the same issue and it turned out to be a case issue in the app.module. A file within a folder was referenced as userLogin and not userlogin. Fixing this resolved my issue.

csurbier commented 6 years ago

Hi,

I had same issues. My typescript files were in a folder called Models. I rename it models (lowercase) and problem is solved.

Shadoworker commented 6 years ago

As previously said, it looks like a "case problem" ... I was dealing with the same issue. Just check if one of your file or folder name doesn't contain Uppercase in it's context

For me it was in "pages" -templateView (instead of "templateview) -templateview.ts -templateview.html -templateview.scss

ionic-team / ionic-app-scripts