Topic: ERROR parse index.ts
ERROR in ./node_modules/ng-mdb-pro/pro/index.ts Module parse failed: Unexpected character '@' (120:0) You may need an appropriate loader to handle this file type. | ]; | | @NgModule({ | imports: [ | Ng2CompleterModule, @ ./node_modules/ng-mdb-pro/index.ts 2:0-49 @ ./ClientApp/app/app.module.ts @ ./ClientApp/boot-client.ts @ multi webpack-hot-middleware/client?path=%2Fdist%2F__webpack_hmr ./ClientApp/boot-client.ts
ERROR in ./node_modules/ng-mdb-pro/mdb.module.ts Module parse failed: Unexpected character '@' (19:0) You may need an appropriate loader to handle this file type. | ]; | | @NgModule({ | imports: [ | MDBBootstrapModule.forRoot(), @ ./node_modules/ng-mdb-pro/index.ts 1:0-49 @ ./ClientApp/app/app.module.ts @ ./ClientApp/boot-client.ts @ multi webpack-hot-middleware/client?path=%2Fdist%2F__webpack_hmr ./ClientApp/boot-client.ts
Followed the install directions "5min quickstart"
I am encountering the message pasted above, any advice is much appreciated.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Specification of the issue
- User: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Tags
Damian Gemza staff commented 5 years ago
Dear MBirell are you sure, that you followed every step closely? Please check every file which you've modified if he contains every lines from 5min-quickstart. Best Regards, DamianMBirrell pro commented 5 years ago
An update on what I have tried Using VS 2017 v15.6.2 Angular v5.2.6 Bootstrap 4.0.0 Created a new solution in VS 2017 .NetCore 2.0/Angular template Validated all npm packages where installed Followed the directions from Angular β 5min quickstart Did not execute step 5, step 8 or step 9 Compiles 0 errors, 0 warnings Receive message below ERROR in ./~/ng-mdb-pro/pro/progressbars/progress-spinner-module/progress-spinner.component.scss Module parse failed: C:DevelopmentTest MDBTesterTesternode_modulesng-mdb-proproprogressbarsprogress-spinner-moduleprogress-spinner.component.scss Unexpected token (1:0) You may need an appropriate loader to handle this file type. | :host { | display: block; | height: 100px; @ ./~/ng-mdb-pro/pro/progressbars/progress-spinner-module/progress-spinner.component.ts 308:21-65 @ ./~/ng-mdb-pro/pro/progressbars/progress-spinner-module/index.ts @ ./~/ng-mdb-pro/pro/progressbars/index.ts @ ./~/ng-mdb-pro/pro/index.ts @ ./~/ng-mdb-pro/index.ts @ ./ClientApp/app/app.shared.module.ts @ ./ClientApp/app/app.browser.module.ts @ ./ClientApp/boot.browser.ts @ multi event-source-polyfill webpack-hot-middleware/client?path=__webpack_hmr&dynamicPublicPath=true ./ClientApp/boot.browser.ts ERROR in ./~/ng-mdb-pro/pro/progressbars/progress-bars-module/progressbar.component.scss Module parse failed: C:DevelopmentTest MDBTesterTesternode_modulesng-mdb-proproprogressbarsprogress-bars-moduleprogressbar.component.scss Unexpected token (1:0) You may need an appropriate loader to handle this file type. | :host { | display:block; | height:5px; @ ./~/ng-mdb-pro/pro/progressbars/progress-bars-module/progressbar.component.ts 84:21-60 @ ./~/ng-mdb-pro/pro/progressbars/progress-bars-module/index.ts @ ./~/ng-mdb-pro/pro/progressbars/index.ts @ ./~/ng-mdb-pro/pro/index.ts @ ./~/ng-mdb-pro/index.ts @ ./ClientApp/app/app.shared.module.ts @ ./ClientApp/app/app.browser.module.ts @ ./ClientApp/boot.browser.ts @ multi event-source-polyfill webpack-hot-middleware/client?path=__webpack_hmr&dynamicPublicPath=true ./ClientApp/boot.browser.ts What am i missing? Thanks for any feedbackMBirrell pro commented 5 years ago
Yes, i have walked the code a few times. I can zip the project and send your way if that would help. App.Module.ts, tsconfig.ts and package.json are the only files that are changed. Visual Studio Angular template does not use angular-cli.json so i have skipped that step. Thanks for looking at my issues so quickly. I do appreciate thatDamian Gemza staff commented 5 years ago
And that's the case. If you want to use our MDB Angular with .Net Core, you have to follow our tutorial to integrate our MDB with .Net Core. For now, you can't simply create an app from angular template in VS2017, because that won't work. Please follow closely every step from .Net Core Pro tab and everything should work fine. https://mdbootstrap.com/angular/5min-quickstart/ Best Regards, DamianMBirrell pro commented 5 years ago
So basically, your message is that if you are not using angular-cli, MDBootstrap doesn't work. You should declare on your download page, i would have looked elsewhere. By the way, you have typo's in your tutorials, You can not skip 1-17 and go back to 8. You should edit that line, i have read it more than once. To bad, i believe i have wasted $400 on a product. Buyers bewareMBirrell pro commented 5 years ago
Damian does anyone at the company have suggestions? Should i zip my test project and send it to you guys? Any help outside of "did you follow the 5min-quickstart" would be helpful. Thank youDamian Gemza staff commented 5 years ago
Dear MBirell, Unfortunately, for now, we support ASP Net Core project created only in way showed in 5min-quickstart. In our future plans we've got full compatibility with ASP Net Core but for now, we can't help you in other way. Please try to create new project using our tutorial, because for now, it won't work without angular-cli.json file. Best Regards, Damian