Unable to attach an icon in UI of coreUI template












0















I am trying to insert an icon to my coreUI template from one of these -



https://coreui.io/icons/



However, i get this error -



ERROR in ./node_modules/@coreui/icons/css/coreui-icons.css (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/@coreui/icons/css/coreui-icons.css)
(Emitted value instead of an instance of Error) CssSyntaxError: /home/dell/Downloads/Angular-6-Templates/Neo4j-Project/coreUI- angular6/node_modules/@coreui/icons/css/coreui-icons.css:12:13: ENOENT: no such file or directory, open '/home/dell/Downloads/Angular-6-Templates/Neo4j-Project/coreUI- angular6/node_modules/@coreui/icons/fonts/CoreUI-Icons-Linear-Free.eot'

10 | font-family: 'CoreUI-Icons-Linear-Free';
11 | src: url("../fonts/CoreUI-Icons-Linear-Free.eot?64h6xh");
> 12 | src: url("../fonts/CoreUI-Icons-Linear-Free.eot?64h6xh#iefix") format("embedded-opentype"), url("../fonts/CoreUI-Icons-Linear-Free.ttf?64h6xh") format("truetype"), url("../fonts/CoreUI-Icons-Linear-Free.woff?64h6xh") format("woff"), url("../fonts/CoreUI-Icons-Linear-Free.svg?64h6xh#CoreUI-Icons-Linear") format("svg");
| ^
13 | font-weight: normal;
14 | font-style: normal;

ℹ 「wdm」: Failed to compile.


And warnings also -



dell@dell-Latitude-E6420:~/Downloads/api-venn$ npm i @coreui/icons
npm WARN @coreui/coreui@2.1.0 requires a peer of popper.js@^1.14.3 but none is installed. You must install peer dependencies yourself.
npm WARN bootstrap@4.1.3 requires a peer of popper.js@^1.14.3 but none is installed. You must install peer dependencies yourself.
npm WARN tsickle@0.33.1 requires a peer of typescript@3.1.3 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})

+ @coreui/icons@0.3.0
updated 1 package and audited 39646 packages in 90.695s
found 0 vulnerabilities


Please help.
I did -



  npm install @coreui/icons --save


and added 'icon-cog' in nav.ts



     {
name: 'API Venn ',
url: '/api-venn',
icon: 'icon-cog',
children: [
{
name: 'Relationship based Venn',
url: '/api-venn/relationvenn',
icon: 'icon-puzzle'
},
{
name: 'Node based Venn',
url: '/api-venn/nodevenn',
icon: 'icon-puzzle'
}]
},









share|improve this question





























    0















    I am trying to insert an icon to my coreUI template from one of these -



    https://coreui.io/icons/



    However, i get this error -



    ERROR in ./node_modules/@coreui/icons/css/coreui-icons.css (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/@coreui/icons/css/coreui-icons.css)
    (Emitted value instead of an instance of Error) CssSyntaxError: /home/dell/Downloads/Angular-6-Templates/Neo4j-Project/coreUI- angular6/node_modules/@coreui/icons/css/coreui-icons.css:12:13: ENOENT: no such file or directory, open '/home/dell/Downloads/Angular-6-Templates/Neo4j-Project/coreUI- angular6/node_modules/@coreui/icons/fonts/CoreUI-Icons-Linear-Free.eot'

    10 | font-family: 'CoreUI-Icons-Linear-Free';
    11 | src: url("../fonts/CoreUI-Icons-Linear-Free.eot?64h6xh");
    > 12 | src: url("../fonts/CoreUI-Icons-Linear-Free.eot?64h6xh#iefix") format("embedded-opentype"), url("../fonts/CoreUI-Icons-Linear-Free.ttf?64h6xh") format("truetype"), url("../fonts/CoreUI-Icons-Linear-Free.woff?64h6xh") format("woff"), url("../fonts/CoreUI-Icons-Linear-Free.svg?64h6xh#CoreUI-Icons-Linear") format("svg");
    | ^
    13 | font-weight: normal;
    14 | font-style: normal;

    ℹ 「wdm」: Failed to compile.


    And warnings also -



    dell@dell-Latitude-E6420:~/Downloads/api-venn$ npm i @coreui/icons
    npm WARN @coreui/coreui@2.1.0 requires a peer of popper.js@^1.14.3 but none is installed. You must install peer dependencies yourself.
    npm WARN bootstrap@4.1.3 requires a peer of popper.js@^1.14.3 but none is installed. You must install peer dependencies yourself.
    npm WARN tsickle@0.33.1 requires a peer of typescript@3.1.3 but none is installed. You must install peer dependencies yourself.
    npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules/fsevents):
    npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})

    + @coreui/icons@0.3.0
    updated 1 package and audited 39646 packages in 90.695s
    found 0 vulnerabilities


    Please help.
    I did -



      npm install @coreui/icons --save


    and added 'icon-cog' in nav.ts



         {
    name: 'API Venn ',
    url: '/api-venn',
    icon: 'icon-cog',
    children: [
    {
    name: 'Relationship based Venn',
    url: '/api-venn/relationvenn',
    icon: 'icon-puzzle'
    },
    {
    name: 'Node based Venn',
    url: '/api-venn/nodevenn',
    icon: 'icon-puzzle'
    }]
    },









    share|improve this question



























      0












      0








      0








      I am trying to insert an icon to my coreUI template from one of these -



      https://coreui.io/icons/



      However, i get this error -



      ERROR in ./node_modules/@coreui/icons/css/coreui-icons.css (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/@coreui/icons/css/coreui-icons.css)
      (Emitted value instead of an instance of Error) CssSyntaxError: /home/dell/Downloads/Angular-6-Templates/Neo4j-Project/coreUI- angular6/node_modules/@coreui/icons/css/coreui-icons.css:12:13: ENOENT: no such file or directory, open '/home/dell/Downloads/Angular-6-Templates/Neo4j-Project/coreUI- angular6/node_modules/@coreui/icons/fonts/CoreUI-Icons-Linear-Free.eot'

      10 | font-family: 'CoreUI-Icons-Linear-Free';
      11 | src: url("../fonts/CoreUI-Icons-Linear-Free.eot?64h6xh");
      > 12 | src: url("../fonts/CoreUI-Icons-Linear-Free.eot?64h6xh#iefix") format("embedded-opentype"), url("../fonts/CoreUI-Icons-Linear-Free.ttf?64h6xh") format("truetype"), url("../fonts/CoreUI-Icons-Linear-Free.woff?64h6xh") format("woff"), url("../fonts/CoreUI-Icons-Linear-Free.svg?64h6xh#CoreUI-Icons-Linear") format("svg");
      | ^
      13 | font-weight: normal;
      14 | font-style: normal;

      ℹ 「wdm」: Failed to compile.


      And warnings also -



      dell@dell-Latitude-E6420:~/Downloads/api-venn$ npm i @coreui/icons
      npm WARN @coreui/coreui@2.1.0 requires a peer of popper.js@^1.14.3 but none is installed. You must install peer dependencies yourself.
      npm WARN bootstrap@4.1.3 requires a peer of popper.js@^1.14.3 but none is installed. You must install peer dependencies yourself.
      npm WARN tsickle@0.33.1 requires a peer of typescript@3.1.3 but none is installed. You must install peer dependencies yourself.
      npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules/fsevents):
      npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})

      + @coreui/icons@0.3.0
      updated 1 package and audited 39646 packages in 90.695s
      found 0 vulnerabilities


      Please help.
      I did -



        npm install @coreui/icons --save


      and added 'icon-cog' in nav.ts



           {
      name: 'API Venn ',
      url: '/api-venn',
      icon: 'icon-cog',
      children: [
      {
      name: 'Relationship based Venn',
      url: '/api-venn/relationvenn',
      icon: 'icon-puzzle'
      },
      {
      name: 'Node based Venn',
      url: '/api-venn/nodevenn',
      icon: 'icon-puzzle'
      }]
      },









      share|improve this question
















      I am trying to insert an icon to my coreUI template from one of these -



      https://coreui.io/icons/



      However, i get this error -



      ERROR in ./node_modules/@coreui/icons/css/coreui-icons.css (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/@coreui/icons/css/coreui-icons.css)
      (Emitted value instead of an instance of Error) CssSyntaxError: /home/dell/Downloads/Angular-6-Templates/Neo4j-Project/coreUI- angular6/node_modules/@coreui/icons/css/coreui-icons.css:12:13: ENOENT: no such file or directory, open '/home/dell/Downloads/Angular-6-Templates/Neo4j-Project/coreUI- angular6/node_modules/@coreui/icons/fonts/CoreUI-Icons-Linear-Free.eot'

      10 | font-family: 'CoreUI-Icons-Linear-Free';
      11 | src: url("../fonts/CoreUI-Icons-Linear-Free.eot?64h6xh");
      > 12 | src: url("../fonts/CoreUI-Icons-Linear-Free.eot?64h6xh#iefix") format("embedded-opentype"), url("../fonts/CoreUI-Icons-Linear-Free.ttf?64h6xh") format("truetype"), url("../fonts/CoreUI-Icons-Linear-Free.woff?64h6xh") format("woff"), url("../fonts/CoreUI-Icons-Linear-Free.svg?64h6xh#CoreUI-Icons-Linear") format("svg");
      | ^
      13 | font-weight: normal;
      14 | font-style: normal;

      ℹ 「wdm」: Failed to compile.


      And warnings also -



      dell@dell-Latitude-E6420:~/Downloads/api-venn$ npm i @coreui/icons
      npm WARN @coreui/coreui@2.1.0 requires a peer of popper.js@^1.14.3 but none is installed. You must install peer dependencies yourself.
      npm WARN bootstrap@4.1.3 requires a peer of popper.js@^1.14.3 but none is installed. You must install peer dependencies yourself.
      npm WARN tsickle@0.33.1 requires a peer of typescript@3.1.3 but none is installed. You must install peer dependencies yourself.
      npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules/fsevents):
      npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})

      + @coreui/icons@0.3.0
      updated 1 package and audited 39646 packages in 90.695s
      found 0 vulnerabilities


      Please help.
      I did -



        npm install @coreui/icons --save


      and added 'icon-cog' in nav.ts



           {
      name: 'API Venn ',
      url: '/api-venn',
      icon: 'icon-cog',
      children: [
      {
      name: 'Relationship based Venn',
      url: '/api-venn/relationvenn',
      icon: 'icon-puzzle'
      },
      {
      name: 'Node based Venn',
      url: '/api-venn/nodevenn',
      icon: 'icon-puzzle'
      }]
      },






      angular npm npm-install core-ui






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited Nov 26 '18 at 12:44







      Techdive

















      asked Nov 26 '18 at 12:36









      TechdiveTechdive

      228117




      228117
























          0






          active

          oldest

          votes












          Your Answer






          StackExchange.ifUsing("editor", function () {
          StackExchange.using("externalEditor", function () {
          StackExchange.using("snippets", function () {
          StackExchange.snippets.init();
          });
          });
          }, "code-snippets");

          StackExchange.ready(function() {
          var channelOptions = {
          tags: "".split(" "),
          id: "1"
          };
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function() {
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled) {
          StackExchange.using("snippets", function() {
          createEditor();
          });
          }
          else {
          createEditor();
          }
          });

          function createEditor() {
          StackExchange.prepareEditor({
          heartbeatType: 'answer',
          autoActivateHeartbeat: false,
          convertImagesToLinks: true,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: 10,
          bindNavPrevention: true,
          postfix: "",
          imageUploader: {
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          },
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          });


          }
          });














          draft saved

          draft discarded


















          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53481259%2funable-to-attach-an-icon-in-ui-of-coreui-template%23new-answer', 'question_page');
          }
          );

          Post as a guest















          Required, but never shown

























          0






          active

          oldest

          votes








          0






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes
















          draft saved

          draft discarded




















































          Thanks for contributing an answer to Stack Overflow!


          • Please be sure to answer the question. Provide details and share your research!

          But avoid



          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.


          To learn more, see our tips on writing great answers.




          draft saved


          draft discarded














          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53481259%2funable-to-attach-an-icon-in-ui-of-coreui-template%23new-answer', 'question_page');
          }
          );

          Post as a guest















          Required, but never shown





















































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown

































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown







          Popular posts from this blog

          Tonle Sap (See)

          I get strange results when I access the Sqlitedatabase with Unity C# via XAMPP

          Guatemaltekische Davis-Cup-Mannschaft