Topic: ERROR parse index.ts

MBirrell pro asked 4 years ago


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.

Damian Gemza staff commented 4 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, Damian

MBirrell pro commented 4 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 feedback

MBirrell pro commented 4 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 that

Damian Gemza staff commented 4 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, Damian

MBirrell pro commented 4 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 beware

MBirrell pro commented 4 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 you

Damian Gemza staff commented 4 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


Please insert min. 20 characters.

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