Coder Social home page Coder Social logo

np-ui-lib / np-ui-lib Goto Github PK

View Code? Open in Web Editor NEW
17.0 1.0 8.0 5.13 MB

Native Angular UI Components and Design Framework

Home Page: https://np-ui-lib.github.io

License: MIT License

JavaScript 0.07% TypeScript 49.35% HTML 42.57% SCSS 8.01%
angular timepicker datepicker colorpicker datagrid switch datatable grid panel autocomplete progress tooltip accordion tabs accordian modal tags ui-components angular10 angular11

np-ui-lib's Issues

Not start after import SCSS with Angular 13

Describe the bug
Not application start when Import SCSS....

To Reproduce
Steps to reproduce the behavior:

  1. Add import into main.scss file
  2. do npm start
  3. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots

SassError: Can't find stylesheet to import.
╷
25 │ @import "~np-ui-lib/styles/default-theme";
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
src/main.scss 25:9 root stylesheet

./src/main.scss - Error: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
HookWebpackError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.
╷
25 │ @import "~np-ui-lib/styles/default-theme";
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
src/main.scss 25:9 root stylesheet
at tryRunOrWebpackError (/home/pkbp512/www/VSA/vsa_client/node_modules/webpack/lib/HookWebpackError.js:88:9)
at webpack_require_module (/home/pkbp512/www/VSA/vsa_client/node_modules/webpack/lib/Compilation.js:5049:12)
at webpack_require (/home/pkbp512/www/VSA/vsa_client/node_modules/webpack/lib/Compilation.js:5006:18)
at /home/pkbp512/www/VSA/vsa_client/node_modules/webpack/lib/Compilation.js:5077:20
at symbolIterator (/home/pkbp512/www/VSA/vsa_client/node_modules/neo-async/async.js:3485:9)
at done (/home/pkbp512/www/VSA/vsa_client/node_modules/neo-async/async.js:3527:9)
at Hook.eval [as callAsync] (eval at create (/home/pkbp512/www/VSA/vsa_client/node_modules/tapable/lib/HookCodeFactory.js:33:10), :15:1)
at Hook.CALL_ASYNC_DELEGATE [as _callAsync] (/home/pkbp512/www/VSA/vsa_client/node_modules/tapable/lib/Hook.js:18:14)
at /home/pkbp512/www/VSA/vsa_client/node_modules/webpack/lib/Compilation.js:4984:43
at symbolIterator (/home/pkbp512/www/VSA/vsa_client/node_modules/neo-async/async.js:3482:9)
at timesSync (/home/pkbp512/www/VSA/vsa_client/node_modules/neo-async/async.js:2297:7)
at Object.eachLimit (/home/pkbp512/www/VSA/vsa_client/node_modules/neo-async/async.js:3463:5)
at /home/pkbp512/www/VSA/vsa_client/node_modules/webpack/lib/Compilation.js:4949:16
at symbolIterator (/home/pkbp512/www/VSA/vsa_client/node_modules/neo-async/async.js:3485:9)
at timesSync (/home/pkbp512/www/VSA/vsa_client/node_modules/neo-async/async.js:2297:7)
at Object.eachLimit (/home/pkbp512/www/VSA/vsa_client/node_modules/neo-async/async.js:3463:5)
-- inner error --
Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.
╷
25 │ @import "~np-ui-lib/styles/default-theme";
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
src/main.scss 25:9 root stylesheet
at Object. (/home/pkbp512/www/VSA/vsa_client/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!/home/pkbp512/www/VSA/vsa_client/node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!/home/pkbp512/www/VSA/vsa_client/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!/home/pkbp512/www/VSA/vsa_client/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!/home/pkbp512/www/VSA/vsa_client/src/main.scss:1:7)
at /home/pkbp512/www/VSA/vsa_client/node_modules/webpack/lib/javascript/JavascriptModulesPlugin.js:441:11
at Hook.eval [as call] (eval at create (/home/pkbp512/www/VSA/vsa_client/node_modules/tapable/lib/HookCodeFactory.js:19:10), :7:1)
at Hook.CALL_DELEGATE [as _call] (/home/pkbp512/www/VSA/vsa_client/node_modules/tapable/lib/Hook.js:14:14)
at /home/pkbp512/www/VSA/vsa_client/node_modules/webpack/lib/Compilation.js:5051:39
at tryRunOrWebpackError (/home/pkbp512/www/VSA/vsa_client/node_modules/webpack/lib/HookWebpackError.js:83:7)
at webpack_require_module (/home/pkbp512/www/VSA/vsa_client/node_modules/webpack/lib/Compilation.js:5049:12)
at webpack_require (/home/pkbp512/www/VSA/vsa_client/node_modules/webpack/lib/Compilation.js:5006:18)
at /home/pkbp512/www/VSA/vsa_client/node_modules/webpack/lib/Compilation.js:5077:20
at symbolIterator (/home/pkbp512/www/VSA/vsa_client/node_modules/neo-async/async.js:3485:9)
at done (/home/pkbp512/www/VSA/vsa_client/node_modules/neo-async/async.js:3527:9)
at Hook.eval [as callAsync] (eval at create (/home/pkbp512/www/VSA/vsa_client/node_modules/tapable/lib/HookCodeFactory.js:33:10), :15:1)
at Hook.CALL_ASYNC_DELEGATE [as _callAsync] (/home/pkbp512/www/VSA/vsa_client/node_modules/tapable/lib/Hook.js:18:14)
at /home/pkbp512/www/VSA/vsa_client/node_modules/webpack/lib/Compilation.js:4984:43
at symbolIterator (/home/pkbp512/www/VSA/vsa_client/node_modules/neo-async/async.js:3482:9)
at timesSync (/home/pkbp512/www/VSA/vsa_client/node_modules/neo-async/async.js:2297:7)

Generated code for /home/pkbp512/www/VSA/vsa_client/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!/home/pkbp512/www/VSA/vsa_client/node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!/home/pkbp512/www/VSA/vsa_client/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!/home/pkbp512/www/VSA/vsa_client/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!/home/pkbp512/www/VSA/vsa_client/src/main.scss
1 | throw new Error("Module build failed (from ./node_modules/sass-loader/dist/cjs.js):\nSassError: Can't find stylesheet to import.\n ╷\n25 │ @import "~np-ui-lib/styles/default-theme";\n │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\n ╵\n src/main.scss 25:9 root stylesheet");

Desktop (please complete the following information):

  • OS: [e.g. iOS] : Linux
  • Browser [e.g. chrome, safari] Gogoe chrome
  • Version [e.g. 22] : 102

Thanks

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.