Unable to build with 0.0.45 - Cannot read property 'content' of undefined

[tonyawad88]

Short description of the problem:

Hello, After upgrading to app-script 0.0.45 I am getting the following error:
/.../src/model/conversation.ts:1 Uncaught Error: Module build failed: TypeError: Cannot read property 'content' of undefined(…)

I followed the upgrade steps in the readme. I also upgraded my scripts section:

"scripts": {
    "ionic:build": "ionic-app-scripts build",
    "ionic:serve": "ionic-app-scripts serve"
  },
...
"devDependencies": {
    "@ionic/app-scripts": "0.0.45",
    "typescript": "^2.0.6"
  },

Conversation Class

export class Conversation{
    date: string;
    from: string;
    msg:string;
    constructor(){}
    Set(from:string,message:string){
        this.date = new Date().toUTCString();
        this.from = from;
        this.msg = message;
    }
}

Which @ionic/app-scripts version are you using?
0.0.45

Other information: (e.g. stacktraces, related issues, suggestions how to fix, stackoverflow links, forum links, etc)
N/A

[vazad28]

Same issue for me too

[danbucholtz]

@vazad28, @tonyawad88, any idea how to recreate? Can you make a minimal repository that shows the issue so I can fix it?

Thanks,
Dan

[tonyawad88]

I will try and put something together tomorrow.. I basically tried upgrading from 0.0.39 to 0.0.45 following the steps in the changelog for: 0.0.42 (2016-11-09) with no luck. Creating a new RC3 from scratch is fine but I still get that error when upgrading an existing project running 0.0.39 to 0.0.4x (it fails on all versions > 0.0.39).

[danbucholtz]

Seems strange to me. I'm guessing the content null pointer is due to it expecting a file to be in memory that is not in memory. Hmm. Please let me know if you can recreate. I have not seen this before.

Thanks,
Dan

[ivanovevgeny]

@danbucholtz

Ionic 2 Module Build Failed

Ionic serve failing in example projects after fresh install

[abomadi]

@danbucholtz i have the same issue, what happened i have moved from 0.36 to 0.44 or 0.45 (same issue) and updated to rc3, this is on mac, i am still facing the same issue, please let me know how can i help to reproduce as i cant view my code source since it's a full project.

this is console output
Error: Module build failed: TypeError: Cannot read property 'content' of undefined
at Object.typescriptSourcemapLoaderMemory (/Users/user/Desktop/project/Src/node_modules/@ionic/app-scripts/dist/webpack/typescript-sourcemap-loader-memory.js:21:34)

[danbucholtz]

@abomadi,

Can you add some logging around that file and try to identify what's going on? /Users/user/Desktop/project/Src/node_modules/@ionic/app-scripts/dist/webpack/typescript-sourcemap-loader-memory.js is the file, line 21, column 34.

Thanks,
Dan

[abomadi]

@danbucholtz after investigating and created a new project with the same settings successfully i figured that the cause was from calling a service inside my project with a Capital Letter instead of small letter caused this issue, as this is a very generic error i get in the console; is this normal ? how can the console show more detailed errors on such issues, how can i prevent case sensitive when calling other classes ?

[danbucholtz]

@abomadi, yes, you could comment out declare module '*' in `src/declaration.d.ts. The way we have it right now is really a hack to account for some limitations of Typescript.

Thanks,
Dan

[PabloFNK]

The same thing is hapening to me. Any idea?

[83pat]

Hi,
Same problem with the command 'ionic serve' only (ok with 'ionic build', 'ionic run') :
\c:\git\swMobile\src\configuration\flight-utils.ts:1Uncaught Error: Module build failed: TypeError: Cannot read property 'content' of undefined(…)
(anonymous function) @ \c:\git\swMobile\src\configuration\flight-utils.ts:1
(anonymous function) @ main.js:3289
webpack_require @ main.js:20
(anonymous function) @ \c:\git\swMobile\src\app\app.module.ts:4
(anonymous function) @ main.js:3263
webpack_require @ main.js:20
(anonymous function) @ \c:\git\swMobile\src\app\main.dev.ts:2
(anonymous function) @ main.js:4581
webpack_require @ main.js:20
(anonymous function) @ main.js:64
(anonymous function) @ main.js:67

Error detail:
throw new Error("Module build failed: TypeError: Cannot read property 'content' of undefined
at Object.typescriptSourcemapLoaderMemory (C:\git\swMobile\node_modules\@Ionic\app-scripts\dist\webpack\typescript-sourcemap-loader-memory.js:21:34)");
//////////////////
// WEBPACK FOOTER
// ./src/configuration/flight-utils.ts
// module id = 461
// module chunks = 0

My flight-utils file contains an export class with static metods only. I really think that is (a part of) the cause. The problem is reproduced with any "static" class, wherever it is used (app.module, components, services...).

Env : ionic rc3, app-scripts 0.0.45.
No problem with my previous env : ionic rc1, app-scripts 0.0.33.

Hope this may help.

[pivalig]

Hi all.
In my case was a problem with differences between file and class names.
I have file named FoodHouseService.ts with class FoodhouseService. so typescript-sourcemap-loader-memory.js couldn't find file by classname. It use casesensitive search.

It works great on the Mac but won't on windows. Seems to be a windows issue.
You can just rename filename to be exactly as a class name inside
Good luck

PS
to see which file has an issue i'v added few lines in typescript-sourcemap-loader-memory.js file
line : 21
if (!javascriptFile) {
console.log(javascriptPath)
}

[dominikstrasser]

Hey.
I tried to import a typescript file from node_modules (i'm sharing code between projects).
this works great for the angular-cli but apparently not for ionic.
Solution: i have to create the .js file next to my .ts file.
hope this helps :)

[tobiasfiechter]

I got the same problem and @dominikstrasser s solution seems to work but I don't think this is nice like that....