Error while working through contact manager tutorial with loading indicator

Help Requests
1

Hi there,

I have been working through the Contact Manager tutorial and it works up to when I try and add in a loading indicator.

When I try and run it I get this error message:
ERROR in ./src/resources/index.ts
Module not found: Error: Can’t resolve ‘./elements/loading-indicator’ in ‘C:\AURELIA\SANDBOX\Contact-Manager-Project\contact-manager\src\resources’
@ ./src/resources/index.ts
@ ./src/main.ts
@ ./node_modules/aurelia-webpack-plugin/runtime/empty-entry.js
@ multi aurelia-webpack-plugin/runtime/empty-entry aurelia-webpack-plugin/runtime/pal-loader-entry webpack-dev-server/client aurelia-webpack-plugin/runtime/empty-entry aurelia-webpack-plugin/runtime/pal-loader-entry aurelia-bootstrapper

It cannot resolve ‘./elements/loading-indicator’ in C.

I tried removing the node modules directory as well as the package lock etc but it still does this. Any ideas?

Simon

1 Like
2

Removing package-lock and reinstalling dependencies only necessary when you have duplicate dependencies when adding new deps/updating them.

About the error, it’s weird that you got that error. Is there any chance that you named the file wrong?

3

probably… let me check…

1 Like
4

Dont think so… There appears to be no “elements” folder an

vs%20screen
vs screen.png2304×2090 176 KB
ywhere

1 Like
5

yeah, you need to create loading-indicator.ts at folder elements inside resources :smiley:

Or you can change it to

import { PLATFORM } from 'aurelia-framework';

export function configure(config) {
  config.globalResources([PLATFORM.moduleName('./loading-indicator')])
}
6

My bad… I did go back and read that section but missed entirely the section asking me to create an elements folder… doh

…and thanks again… :smile:

1 Like
7

your welcome :smile: