problem on running start script

Describe the bug after cloning and installing dependencies by runing npm install, when I tried to see the demo with this command npm run start I received this error:

Uncaught Error: Template parse errors:
Unexpected character "EOF" (Do you have an unescaped "{" in your template? Use "{{ '{' }}") to escape it.) ("
        ---
        <br />Selected car ID: {{selectedCarId | json}}
    [ERROR ->]"): ng:///AppModule/DataSourceComponent.html@69:4
Invalid ICU message. Missing '}'. ("
        </ng-select>
        ---
        <br />Selected: [ERROR ->]{{selectedPersonId2}}

        <hr />
"): ng:///AppModule/DataSourceComponent.html@40:24
    at syntaxError (webpack-internal:///./node_modules/@angular/compiler/fesm5/compiler.js:1270)
    at DirectiveNormalizer._preparseLoadedTemplate (webpack-internal:///./node_modules/@angular/compiler/fesm5/compiler.js:2688)
    at eval (webpack-internal:///./node_modules/@angular/compiler/fesm5/compiler.js:2680)
    at Object.then (webpack-internal:///./node_modules/@angular/compiler/fesm5/compiler.js:1261)
    at DirectiveNormalizer._preParseTemplate (webpack-internal:///./node_modules/@angular/compiler/fesm5/compiler.js:2680)
    at DirectiveNormalizer.normalizeTemplate (webpack-internal:///./node_modules/@angular/compiler/fesm5/compiler.js:2666)
    at CompileMetadataResolver.loadDirectiveMetadata (webpack-internal:///./node_modules/@angular/compiler/fesm5/compiler.js:10579)
    at eval (webpack-internal:///./node_modules/@angular/compiler/fesm5/compiler.js:24119)
    at Array.forEach (<anonymous>)
    at eval (webpack-internal:///./node_modules/@angular/compiler/fesm5/compiler.js:24118)
    at Array.forEach (<anonymous>)
    at JitCompiler._loadModules (webpack-internal:///./node_modules/@angular/compiler/fesm5/compiler.js:24115)
    at JitCompiler._compileModuleAndComponents (webpack-internal:///./node_modules/@angular/compiler/fesm5/compiler.js:24093)
    at JitCompiler.compileModuleAsync (webpack-internal:///./node_modules/@angular/compiler/fesm5/compiler.js:24053)
    at CompilerImpl.compileModuleAsync (webpack-internal:///./node_modules/@angular/platform-browser-dynamic/fesm5/platform-browser-dynamic.js:158)
    at PlatformRef.bootstrapModule (webpack-internal:///./node_modules/@angular/core/fesm5/core.js:4649)
    at eval (webpack-internal:///./demo/main.ts:5)
    at Object../demo/main.ts (app.js:335)
    at __webpack_require__ (app.js:20)
    at Object.1 (app.js:3442)
    at __webpack_require__ (app.js:20)
    at app.js:84
    at app.js:87

To Reproduce Steps to reproduce the behavior:

1. clone project and open it with vscode, open vscode console (which will be opened on the project directory)
2. run npm install for installing dependencies
3. install yarn (if it is not installed yet) npm install yarn -g
4. run npm run start
5. after that open your browser and go to localhost:8080
6. open inspector element to see the error

Expected behavior after opening broswer, I saw an static string: Loading ng-select and the console had some errors.

Screenshots

Desktop (please complete the following information):

• OS: Windows 10 Pro
• Browser Vivaldi (based on chrome)
• Version 2.0.1309.37 (Stable channel) (64-bit)

[dluk]

I guess it has something to do with line endings. I get the same error when I clone the repo and try to run it. Though if I just save the data-source.component.ts file, VSCode (or some extension) converts line endings from CRLF to LF for me and then it works. Though other components also have CRLF line endings, not sure why this one is complaining.

[anjmao]

Hi @MetaiR, I tried installing it windows and it’s working fine for me. The problem could be with https://github.com/anjmao/ng-snippets-loader since ng-select uses this loader for demo snippets.

Try removing html markup from data-source.component.ts example and keep only

Selected car ID: {{selectedCarId | json}}