Expected Behavior [SOLVED]

• My site run normally with npm start , expect to deploy it to netlify. After npm run build. The
  Live Draft URL: https://5cc74b89d69ff26092d92f15--project-huong-portfolio.netlify.com was found blank.

• Trying to open developer console and saw these
  

• Check build folder and found all the links were under:
  creativetimofficial/blk-design-system-react/...

• Eventually, I found the solution for it by removing "home": "https://github.com/creativetimofficial/blk-design-system-react/..."
  in package.json and would like to report this situation. Please have a look at this issue.

Thank you

Current Behavior

After remove "home": "https://github.com/creativetimofficial/blk-design-system-react/..."
in package.json and run build again, the creativetimofficial/blk-design-system-react found in links in build folder are removed. Deploy works fine now.

Failure Information (for bugs)

Deploy page found blank with these in the console:

Steps to Reproduce

1. Clone repository
2. Install modules npm install
3. Build for production npm run build

Context

• npm version: 6.9.0
• Operating System: Window 10
• Browser and Version: Chrome Version 73.0.3683.103

Failure Logs

• netlify cli deploying informed no failure

Version

1.0.0

Reproduction link

https://www.creative-tim.com/

Operating System

MacOS

Device

Laptop

Browser & Version

Chrome

Steps to reproduce

1. title
2. title

What is expected?

nothing

What is actually happening?

nothing

Solution

Additional comments

What is your enhancement?

I am using BLK-Design React.
I would like to see TypeScript support.

If it already exists somewhere and I missed it please let me know.

Version

1.1.0

Reproduction link

https://demos.creative-tim.com/blk-design-system-react/#/documentation/overview

Operating System

Windows

Device

Desktop

Browser & Version

Does not Build

Steps to reproduce

Following the steps provided in https://demos.creative-tim.com/blk-design-system-react/#/documentation/tutorial

I was shown the error:

./src/App.js
Module not found: Can't resolve 'assets/css/nucleo-icons.css' in 'C:\Users\MY-PC\photo-editor\src'

I have followed the instructions to fix the error but to no avail and ended up getting error like

error code ELIFECYCLE
error errno 1
error [email protected] start: `NODE_PATH=./src react-scripts start`
error Exit status 1
error Failed at the [email protected] start script.

I have also make a jsconfig.json file with the code:

{
    "compilerOptions": {
      "baseUrl": "src",
      "paths": {
        "*": ["src/*"]
      }
    }
}

The error persists and I get the same error as above

What is expected?

The build to be successful

What is actually happening?

Build Failed

Solution

No Idea

I dont know if css transitions in the page does this but it is too slow for the first 3 seconds after page reloads.

CSS loading after javascript on load the page

I saw this error from very long time, I stopped using your theme because of this kind of error, but again I download your theme and i got the same error

What is the issue is this

./src/assets/css/nucleo-icons.css

(./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!./node_modules/postcss-loader/src??postcss!./src/assets/css/nucleo-icons.css)

Module not found: Can't resolve '../fonts/nucleo.svg' in 'F:\app\src\assets\css'

What is your enhancement?

dadsad

Please ignore. Thanks.

Expected Behavior

After autocomplete, the input field background should stay as same.

Current Behavior

After autocomplete, the input field background is turn into white.

Steps to Reproduce

Context

On https://demos.creative-tim.com/blk-design-system-react/

• Device: Desktop
• Operating System: Windows 10
• Browser and Version: Chrome 72

Version

1.1.0

Reproduction link

https://github.com/creativetimofficial/blk-design-system-react

Operating System

MacOS

Device

Macbook Pro

Browser & Version

Chrome, Version 83.0.4103.106 (Official Build) (64-bit)

Steps to reproduce

1. cd blk-design-system-react-master
2. npm install
3. npm run build
4. Configure nginx.conf to serve build folder on port 8080 (configuration is in the additional comments section)
5. Visit localhost:8080

What is expected?

When visiting localhost:8080, this website should be displayed in the browser:
https://demos.creative-tim.com/blk-design-system-react/#/components

What is actually happening?

Blank page is being displayed

Solution

Modification of paths to the assets in the source code is probably needed for nginx to serve them correctly.

Additional comments

I tried it with multiple node versions as well:

$ nvm ls
       v10.21.0
->     v12.18.1
        v14.4.0
         system

Also, I repeated the above steps for a bootstrap app created using create-react-app and the app was correctly displayed by nginx server. I also repeated it with templates by other authors and it was working correctly. So there is no issue with nginx configuration.

Server configuration in nginx.conf:

server {

  listen 8080;

  include /usr/local/etc/nginx/mime.types;
  default_type application/octet-stream;

  root /Users/<username>/workspace/blk-design-system-react-master/build;
  index  index.html index.htm;

  location / {
    try_files $uri $uri/ /index.html;
  }

}

We get some error with photos doesn't work on 64bit operation system and update the package to work in new node and npm environment and fix the sass problem .

fix the sass image problem that given an error when npm start by delete the following image :

night-sky-full-of-stars-fantasy-animation-made-of-magical-sparkly-light-particles-flickering-on-a-purple-blue-gradient-background_bajacpz7x_thumbnail-full01.png

darken-night-sky-full-of-stars-fantasy-animation-made-of-magical-sparkly-light-particles-flickering-on-a-purple-blue-gradient-background_bajacpz7x_thumbnail-full01.png

Expected Behavior

I'm trying to compile production build and I except it work from scratch. It has been done for fresh clone from the repository.
However, it ends into error.

Current Behavior

After cloning, I install node modules and try to run production build, it ends into error:

Lexical error on line 1: Unrecognized text.
  Erroneous area:
1: 100% - auto - 1
^.........^

I figured out that this might be related to CSS function calc(), where 'auto' might not be usable. However, even after modifying or removing those CSS parts what I was able to find, error still appeared.

Failure Information (for bugs)

Following error messages appear:

nicce@workstation ~/D/blk-design-system-react> npm run build

> [email protected] build /home/nicce/Documents/blk-design-system-react
> react-scripts build

Creating an optimized production build...
Failed to compile.

Lexical error on line 1: Unrecognized text.
  Erroneous area:
1: 100% - auto - 1
^.........^

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] build: `react-scripts build`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the [email protected] build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/nicce/.npm/_logs/2019-03-10T23_34_16_078Z-debug.log

Steps to Reproduce

1. Clone repository
2. Install modules npm install
3. Build for production npm run build

Context

• npm version: 6.9.0
• nodejs version: v10.15.3
• Operating System: Arch Linux - kernel 5.0.0-arch1-1-ARCH

Failure Logs

Content of log file:

nicce@workstation ~/D/blk-design-system-react> cat /home/nicce/.npm/_logs/2019-03-10T23_34_16_078Z-debug.log
                                               
0 info it worked if it ends with ok
1 verbose cli [ '/usr/bin/node', '/usr/bin/npm', 'run', 'build' ]
2 info using [email protected]
3 info using [email protected]
4 verbose run-script [ 'prebuild', 'build', 'postbuild' ]
5 info lifecycle [email protected]~prebuild: [email protected]
6 info lifecycle [email protected]~build: [email protected]
7 verbose lifecycle [email protected]~build: unsafe-perm in lifecycle true
8 verbose lifecycle [email protected]~build: PATH: /usr/lib/node_modules/npm/node_modules/npm-lifecycle/node-gyp-bin:/home/nicce/Documents/blk-design-system-react/node_modules/.bin:/usr/local/bin:/usr/bin:/bin:/usr/local/sbin:/usr/lib/jvm/default/bin:/usr/bin/site_perl:/usr/bin/vendor_perl:/usr/bin/core_perl:/var/lib/snapd/snap/bin
9 verbose lifecycle [email protected]~build: CWD: /home/nicce/Documents/blk-design-system-react
10 silly lifecycle [email protected]~build: Args: [ '-c', 'react-scripts build' ]
11 silly lifecycle [email protected]~build: Returned: code: 1  signal: null
12 info lifecycle [email protected]~build: Failed to exec build script
13 verbose stack Error: [email protected] build: `react-scripts build`
13 verbose stack Exit status 1
13 verbose stack     at EventEmitter.<anonymous> (/usr/lib/node_modules/npm/node_modules/npm-lifecycle/index.js:301:16)
13 verbose stack     at EventEmitter.emit (events.js:189:13)
13 verbose stack     at ChildProcess.<anonymous> (/usr/lib/node_modules/npm/node_modules/npm-lifecycle/lib/spawn.js:55:14)
13 verbose stack     at ChildProcess.emit (events.js:189:13)
13 verbose stack     at maybeClose (internal/child_process.js:970:16)
13 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:259:5)
14 verbose pkgid [email protected]
15 verbose cwd /home/nicce/Documents/blk-design-system-react
16 verbose Linux 5.0.0-arch1-1-ARCH
17 verbose argv "/usr/bin/node" "/usr/bin/npm" "run" "build"
18 verbose node v10.15.3
19 verbose npm  v6.9.0
20 error code ELIFECYCLE
21 error errno 1
22 error [email protected] build: `react-scripts build`
22 error Exit status 1
23 error Failed at the [email protected] build script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 1, true ]

Version

1.1.0

Reproduction link

https://demos.creative-tim.com/blk-design-system-react/#/documentation/overview

Operating System

Windows

Device

Desktop

Browser & Version

Does not Build

Steps to reproduce

Following the steps provided in https://demos.creative-tim.com/blk-design-system-react/#/documentation/tutorial

I was shown the error:

./src/App.js
Module not found: Can't resolve 'assets/css/nucleo-icons.css' in 'C:\Users\MY-PC\photo-editor\src'

I have followed the instructions to fix the error but to no avail and ended up getting error like

error code ELIFECYCLE
error errno 1
error [email protected] start: `NODE_PATH=./src react-scripts start`
error Exit status 1
error Failed at the [email protected] start script.

I had also made a jsconfig.json file with the code:

{
    "compilerOptions": {
      "baseUrl": "src",
      "paths": {
        "*": ["src/*"]
      }
    }
}

The error persists

What is expected?

The build to be successful

What is actually happening?

Build Failed

Solution

No clue

Additional comments

I tried serving the build of the free version before purchasing the pro version.

npm start

runs fine and displays the website in the browser. However,

npm run build

followed by pointing the nginx server to the build folder does not work. A blank page is displayed. I checked nginx error logs and there are no errors.

I tried it with multiple node versions as well:

nvm ls
       v10.21.0
->     v12.18.1
        v14.4.0
         system

I repeated the above steps for a bootstrap app created using create-react-app and the app was correctly displayed by nginx server. I also repeated it with templates by other authors and it was working correctly. So there is no issue with nginx configuration.

Server configuration in nginx.conf:

server {

  listen 8080;

  include /usr/local/etc/nginx/mime.types;
  default_type application/octet-stream;

  root /Users/<username>/workspace/blk-design-system-react-master/build;
  index  index.html index.htm;

  location / {
    try_files $uri $uri/ /index.html;
  }

}

Version

1.2.0 (but react version 17.0.1)

Operating System

Windows 10

Device

Desktop

Browser & Version

Not sure

Steps to reproduce

git clone
npm install
npm start

What is expected?

the page to show up

What is actually happening?

Gives me an error on this picture "../../../../assets/img/night-sky-full-of-stars-fantasy-animation-made-of-magical-sparkly-light-particles-flickering-on-a-purple-blue-gradient-background_bajacpz7x_thumbnail-full01.png"

Solution

Additional comments

What is your enhancement?

Failed to compile
./src/index.js
Module not found: Can't resolve 'assets/css/nucleo-icons.css'

what can i do for this
can u help me ty

I tried an npm build on your project and i keep getting this erroneous error thing.

lexical error unrecognized text
Erroneous area:
1: 100% - auto - 1
^................^

[3/4] Linking dependencies...
warning " > [email protected]" has unmet peer dependency "prop-types@^15.5.0".
[4/4] Building fresh packages...
[1/3] ⠄ node-sass [-/3] ⠄ waiting... error C:\Users\Vic\Desktop\UI\blk-design-system-react-master\node_modules\node-sass: Command failed.
Exit code: 1
Command: node scripts/build.js
Arguments:
Directory: C:\Users\Vic\Desktop\UI\blk-design-system-react-master\node_modules\node-sass
Output:
Building: C:\Program Files\nodejs\node.exe C:\Users\Vic\Desktop\UI\blk-design-system-react-master\node_modules\node-gyp\bin\node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
gyp info it worked if it ends with ok
gyp verb cli [
gyp verb cli 'C:\Program Files\nodejs\node.exe',
gyp verb cli 'C:\Users\Vic\Desktop\UI\blk-design-system-react-master\node_modules\node-gyp\bin\node-gyp.js',
gyp verb cli 'rebuild',
gyp verb cli '--verbose',
gyp verb cli '--libsass_ext=',
gyp verb cli '--libsass_cflags=',
gyp verb cli '--libsass_ldflags=',
gyp verb cli '--libsass_library='
gyp verb cli ]
gyp info using [email protected]
gyp info using [email protected] | win32 | x64
gyp verb command rebuild []
gyp verb command clean []
gyp verb clean removing "build" directory
gyp verb command configure []
gyp verb check python checking for Python executable "python2" in the PATH
gyp verb which failed Error: not found: python2
gyp verb which failed at getNotFoundError (C:\Users\Vic\Desktop\UI\blk-design-system-react-master\node_modules\which\which.js:13:12)
gyp verb which failed at F (C:\Users\Vic\Desktop\UI\blk-design-system-react-master\node_modules\which\which.js:68:19)
gyp verb which failed at E (C:\Users\Vic\Desktop\UI\blk-design-system-react-master\node_modules\which\which.js:80:29)
gyp verb which failed at C:\Users\Vic\Desktop\UI\blk-design-system-react-master\node_modules\which\which.js:89:16
gyp verb which failed at C:\Users\Vic\Desktop\UI\blk-design-system-react-master\node_modules\isexe\index.js:42:5
gyp verb which failed at C:\Users\Vic\Desktop\UI\blk-design-system-react-master\node_modules\isexe\windows.js:36:5
gyp verb which failed at FSReqCallback.oncomplete (fs.js:165:21)
gyp verb which failed python2 Error: not found: python2
gyp verb which failed at getNotFoundError (C:\Users\Vic\Desktop\UI\blk-design-system-react-master\node_modules\which\which.js:13:12)
gyp verb which failed at F (C:\Users\Vic\Desktop\UI\blk-design-system-react-master\node_modules\which\which.js:68:19)
gyp verb which failed at E (C:\Users\Vic\Desktop\UI\blk-design-system-react-master\node_modules\which\which.js:80:29)
gyp verb which failed at C:\Users\Vic\Desktop\UI\blk-design-system-react-master\node_modules\which\which.js:89:16
gyp verb which failed at C:\Users\Vic\Desktop\UI\blk-design-system-react-master\node_modules\isexe\index.js:42:5
gyp verb which failed at C:\Users\Vic\Desktop\UI\blk-design-system-react-master\node_modules\isexe\windows.js:36:5
gyp verb which failed at FSReqCallback.oncomplete (fs.js:165:21) {
gyp verb which failed stack: 'Error: not found: python2\n' +
gyp verb which failed ' at getNotFoundError (C:\Users\Vic\Desktop\UI\blk-design-system-react-master\node_modules\which\which.js:13:12)\n' +
gyp verb which failed ' at F (C:\Users\Vic\Desktop\UI\blk-design-system-react-master\node_modules\which\which.js:68:19)\n' +
gyp verb which failed ' at E (C:\Users\Vic\Desktop\UI\blk-design-system-react-master\node_modules\which\which.js:80:29)\n' +
gyp verb which failed ' at C:\Users\Vic\Desktop\UI\blk-design-system-react-master\node_modules\which\which.js:89:16\n' +
gyp verb which failed ' at C:\Users\Vic\Desktop\UI\blk-design-system-react-master\node_modules\isexe\index.js:42:5\n' +
gyp verb which failed ' at C:\Users\Vic\Desktop\UI\blk-design-system-react-master\node_modules\isexe\windows.js:36:5\n' +
gyp verb which failed ' at FSReqCallback.oncomplete (fs.js:165:21)',
gyp verb which failed code: 'ENOENT'
gyp verb which failed }
gyp verb check python checking for Python executable "python" in the PATH
gyp verb which succeeded python C:\Users\Vic\AppData\Local\Programs\Python\Python37-32\python.EXE
gyp ERR! configure error
gyp ERR! stack Error: Command failed: C:\Users\Vic\AppData\Local\Programs\Python\Python37-32\python.EXE -c import sys; print "%s.%s.%s" % sys.version_info[:3];
gyp ERR! stack File "", line 1
gyp ERR! stack import sys; print "%s.%s.%s" % sys.version_info[:3];
gyp ERR! stack ^
gyp ERR! stack SyntaxError: invalid syntax
gyp ERR! stack
gyp ERR! stack at ChildProcess.exithandler (child_process.js:290:12)
gyp ERR! stack at ChildProcess.emit (events.js:200:13)
gyp ERR! stack at maybeClose (internal/child_process.js:1021:16)
gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:283:5)
gyp ERR! System Windows_NT 10.0.18362
gyp ERR! command "C:\Program Files\nodejs\node.exe" "C:\Users\Vic\Desktop\UI\blk-design-system-react-master\node_modules\node-gyp\bin\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd C:\Users\Vic\Desktop\UI\blk-design-system-react-master\node_modules\node-sass
gyp ERR! node -v v12.5.0
gyp ERR! node-gyp -v v3.8.0
gyp ERR! not ok

Version

Download from site on Oct 9th 2019

Reproduction link

https://github.com/creativetimofficial/blk-design-system-react

Operating System

Mac OS mojave

Device

Macbook

Browser & Version

NA

Steps to reproduce

download
npm install

What is expected?

install with no errors

What is actually happening?

fs events failure (node sass root?)

Solution

install with node@10

Additional comments

~/J/blk-design-system-react-master $ npm install

[email protected] install /Users/robertgossett/JPMC/blk-design-system-react-master/node_modules/chokidar/node_modules/fsevents
node install

node-pre-gyp WARN Using request for node-pre-gyp https download
[fsevents] Success: "/Users/robertgossett/JPMC/blk-design-system-react-master/node_modules/chokidar/node_modules/fsevents/lib/binding/Release/node-v72-darwin-x64/fse.node" is installed via remote

[email protected] install /Users/robertgossett/JPMC/blk-design-system-react-master/node_modules/fsevents
node install

node-pre-gyp WARN Tried to download(404): https://fsevents-binaries.s3-us-west-2.amazonaws.com/v1.2.4/fse-v1.2.4-node-v72-darwin-x64.tar.gz
node-pre-gyp WARN Pre-built binaries not found for [email protected] and [email protected] (node-v72 ABI, unknown) (falling back to source compile with node-gyp)
SOLINK_MODULE(target) Release/.node
CXX(target) Release/obj.target/fse/fsevents.o
../fsevents.cc:50:32: error: no template named 'Handle' in namespace 'v8'
static void Initialize(v8::Handlev8::Object exports);
~~~~^
../fsevents.cc:63:6: warning: field 'async_resource' will be initialized after field 'lockStarted' [-Wreorder]
: async_resource("fsevents:FSEvents"), lockStarted(false) {
^
In file included from ../fsevents.cc:82:
../src/constants.cc:89:11: warning: 'Set' is deprecated: Use maybe version [-Wdeprecated-declarations]
object->Set(Nan::Newv8::String("kFSEventStreamEventFlagNone").ToLocalChecked(), Nan::Newv8::Integer(kFSEventStreamEventFlagNone));
^
/Users/robertgossett/Library/Caches/node-gyp/12.11.1/include/node/v8.h:3402:3: note: 'Set' has been explicitly marked deprecated here
V8_DEPRECATED("Use maybe version",
^
/Users/robertgossett/Library/Caches/node-gyp/12.11.1/include/node/v8config.h:311:29: note: expanded from macro 'V8_DEPRECATED'
declarator attribute((deprecated(message)))
^
In file included from ../fsevents.cc:82:
../src/constants.cc:90:11: warning: 'Set' is deprecated: Use maybe version [-Wdeprecated-declarations]
object->Set(Nan::Newv8::String("kFSEventStreamEventFlagMustScanSubDirs").ToLocalChecked(), Nan::Newv8::Integer(kFSEventStreamEventFlagMustScanSubDirs));
^
/Users/robertgossett/Library/Caches/node-gyp/12.11.1/include/node/v8.h:3402:3: note: 'Set' has been explicitly marked deprecated here
V8_DEPRECATED("Use maybe version",
^
/Users/robertgossett/Library/Caches/node-gyp/12.11.1/include/node/v8config.h:311:29: note: expanded from macro 'V8_DEPRECATED'
declarator attribute((deprecated(message)))
^
In file included from ../fsevents.cc:82:
../src/constants.cc:91:11: warning: 'Set' is deprecated: Use maybe version [-Wdeprecated-declarations]
object->Set(Nan::Newv8::String("kFSEventStreamEventFlagUserDropped").ToLocalChecked(), Nan::Newv8::Integer(kFSEventStreamEventFlagUserDropped));
^
/Users/robertgoss

Version

1.0.0

Reproduction link

https://www.creative-tim.com/

Operating System

MacOS

Device

Laptop

Browser & Version

Chrome

Steps to reproduce

1. title
2. title

What is expected?

nothing

What is actually happening?

nothing

Solution

Additional comments

Version

Latest

Reproduction link

https://donthave.com

Operating System

Windows 10

Device

Laptop

Browser & Version

Chrome - Version 78.0.3904.97

Steps to reproduce

Downloaded from creative-tim website
updated using npm-check-updates "ncu -u"
"npm install"
Also
tried npm i blk-design-system-react
but it didn't work either "same error"

What is expected?

Work.

What is actually happening?

I download BLK React Theme and upgraded all dependencies with "ncu -u", "npm install". But when I started the server "npm start".
I encountered this error
"./src/assets/scss/blk-design-system-react.scss?v=1.0.0 (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-5-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--6-oneOf-5-3!./node_modules/sass-loader/lib/loader.js??ref--6-oneOf-5-4!./src/assets/scss/blk-design-system-react.scss?v=1.0.0)
Module not found: Can't resolve './assets/img/dots.png' in 'path\blk-design-system-react-master\src\assets\scss'"

And Console log is
"
blk-design-system-react.scss?v=1.0.0:4 Uncaught Error: Cannot find module './assets/img/square1.png'
at webpackMissingModule (blk-design-system-react.scss?v=1.0.0:4)
at Object../node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/lib/loader.js?!./src/assets/scss/blk-design-system-react.scss?v=1.0.0 (blk-design-system-react.scss?v=1.0.0:4)
at webpack_require (bootstrap:785)
at fn (bootstrap:150)
at Object../src/assets/scss/blk-design-system-react.scss?v=1.0.0 (blk-design-system-react.scss?7099:1)
at webpack_require (bootstrap:785)
at fn (bootstrap:150)
at Module../src/index.js (PageHeader.jsx:48)
at webpack_require (bootstrap:785)
at fn (bootstrap:150)
at Object.0 (RegisterPage.jsx:233)
at webpack_require (bootstrap:785)
at checkDeferredModules (bootstrap:45)
at Array.webpackJsonpCallback [as push] (bootstrap:32)
at main.chunk.js:1
webpackMissingModule @ blk-design-system-react.scss?v=1.0.0:4
./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js?!./node_modules/sass-loader/lib/loader.js?!./src/assets/scss/blk-design-system-react.scss?v=1.0.0 @ blk-design-system-react.scss?v=1.0.0:4
webpack_require @ bootstrap:785
fn @ bootstrap:150
./src/assets/scss/blk-design-system-react.scss?v=1.0.0 @ blk-design-system-react.scss?7099:1
webpack_require @ bootstrap:785
fn @ bootstrap:150
./src/index.js @ PageHeader.jsx:48
webpack_require @ bootstrap:785
fn @ bootstrap:150
0 @ RegisterPage.jsx:233
webpack_require @ bootstrap:785
checkDeferredModules @ bootstrap:45
webpackJsonpCallback @ bootstrap:32
(anonymous) @ main.chunk.js:1
index.js:1437 ./src/assets/scss/blk-design-system-react.scss?v=1.0.0 (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-5-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--6-oneOf-5-3!./node_modules/sass-loader/lib/loader.js??ref--6-oneOf-5-4!./src/assets/scss/blk-design-system-react.scss?v=1.0.0)
Module not found: Can't resolve './assets/img/dots.png' in 'D:\Web\React\Themes\React\blk-design-system-react-master\src\assets\scss'
console. @ index.js:1437
handleErrors @ webpackHotDevClient.js:151
push../node_modules/react-dev-utils/webpackHotDevClient.js.connection.onmessage @ webpackHotDevClient.js:194
push../node_modules/sockjs-client/lib/event/eventtarget.js.EventTarget.dispatchEvent @ eventtarget.js:56
(anonymous) @ main.js:283
push../node_modules/sockjs-client/lib/main.js.SockJS._transportMessage @ main.js:281
push../node_modules/sockjs-client/lib/event/emitter.js.EventEmitter.emit @ emitter.js:53
WebSocketTransport.ws.onmessage @ websocket.js:36
index.js:1437 ./src/assets/scss/blk-design-system-react.scss?v=1.0.0 (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-5-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--6-oneOf-5-3!./node_modules/sass-loader/lib/loader.js??ref--6-oneOf-5-4!./src/assets/scss/blk-design-system-react.scss?v=1.0.0)
Module not found: Can't resolve './assets/img/square1.png' in 'D:\Web\React\Themes\React\blk-design-system-react-master\src\assets\scss'
console. @ index.js:1437
handleErrors @ webpackHotDevClient.js:151
push../node_modules/react-dev-utils/webpackHotDevClient.js.connection.onmessage @ webpackHotDevClient.js:194
push../node_modules/sockjs-client/lib/event/eventtarget.js.EventTarget.dispatchEvent @ eventtarget.js:56
(anonymous) @ main.js:283
push../node_modules/sockjs-client/lib/main.js.SockJS._transportMessage @ main.js:281
push../node_modules/sockjs-client/lib/event/emitter.js.EventEmitter.emit @ emitter.js:53
WebSocketTransport.ws.onmessage @ websocket.js:36
index.js:1437 ./src/assets/scss/blk-design-system-react.scss?v=1.0.0 (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-5-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--6-oneOf-5-3!./node_modules/sass-loader/lib/loader.js??ref--6-oneOf-5-4!./src/assets/scss/blk-design-system-react.scss?v=1.0.0)
Module not found: Can't resolve './assets/img/square2.png' in 'D:\Web\React\Themes\React\blk-design-system-react-master\src\assets\scss'
console. @ index.js:1437
handleErrors @ webpackHotDevClient.js:151
push../node_modules/react-dev-utils/webpackHotDevClient.js.connection.onmessage @ webpackHotDevClient.js:194
push../node_modules/sockjs-client/lib/event/eventtarget.js.EventTarget.dispatchEvent @ eventtarget.js:56
(anonymous) @ main.js:283
push../node_modules/sockjs-client/lib/main.js.SockJS._transportMessage @ main.js:281
push../node_modules/sockjs-client/lib/event/emitter.js.EventEmitter.emit @ emitter.js:53
WebSocketTransport.ws.onmessage @ websocket.js:36
index.js:1437 ./src/assets/scss/blk-design-system-react.scss?v=1.0.0 (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-5-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--6-oneOf-5-3!./node_modules/sass-loader/lib/loader.js??ref--6-oneOf-5-4!./src/assets/scss/blk-design-system-react.scss?v=1.0.0)
Module not found: Can't resolve './assets/img/square3.png' in 'D:\Web\React\Themes\React\blk-design-system-react-master\src\assets\scss'
console. @ index.js:1437
handleErrors @ webpackHotDevClient.js:151
push../node_modules/react-dev-utils/webpackHotDevClient.js.connection.onmessage @ webpackHotDevClient.js:194
push../node_modules/sockjs-client/lib/event/eventtarget.js.EventTarget.dispatchEvent @ eventtarget.js:56
(anonymous) @ main.js:283
push../node_modules/sockjs-client/lib/main.js.SockJS._transportMessage @ main.js:281
push../node_modules/sockjs-client/lib/event/emitter.js.EventEmitter.emit @ emitter.js:53
WebSocketTransport.ws.onmessage @ websocket.js:36
index.js:1437 ./src/assets/scss/blk-design-system-react.scss?v=1.0.0 (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-5-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--6-oneOf-5-3!./node_modules/sass-loader/lib/loader.js??ref--6-oneOf-5-4!./src/assets/scss/blk-design-system-react.scss?v=1.0.0)
Module not found: Can't resolve './assets/img/square4.png' in 'D:\Web\React\Themes\React\blk-design-system-react-master\src\assets\scss'
console. @ index.js:1437
handleErrors @ webpackHotDevClient.js:151
push../node_modules/react-dev-utils/webpackHotDevClient.js.connection.onmessage @ webpackHotDevClient.js:194
push../node_modules/sockjs-client/lib/event/eventtarget.js.EventTarget.dispatchEvent @ eventtarget.js:56
(anonymous) @ main.js:283
push../node_modules/sockjs-client/lib/main.js.SockJS._transportMessage @ main.js:281
push../node_modules/sockjs-client/lib/event/emitter.js.EventEmitter.emit @ emitter.js:53
WebSocketTransport.ws.onmessage @ websocket.js:36
index.js:1437 ./src/assets/scss/blk-design-system-react.scss?v=1.0.0 (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-5-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--6-oneOf-5-3!./node_modules/sass-loader/lib/loader.js??ref--6-oneOf-5-4!./src/assets/scss/blk-design-system-react.scss?v=1.0.0)
Module not found: Can't resolve './assets/img/square5.png' in 'D:\Web\React\Themes\React\blk-design-system-react-master\src\assets\scss'
console. @ index.js:1437
handleErrors @ webpackHotDevClient.js:151
push../node_modules/react-dev-utils/webpackHotDevClient.js.connection.onmessage @ webpackHotDevClient.js:194
push../node_modules/sockjs-client/lib/event/eventtarget.js.EventTarget.dispatchEvent @ eventtarget.js:56
(anonymous) @ main.js:283
push../node_modules/sockjs-client/lib/main.js.SockJS._transportMessage @ main.js:281
push../node_modules/sockjs-client/lib/event/emitter.js.EventEmitter.emit @ emitter.js:53
WebSocketTransport.ws.onmessage @ websocket.js:36
webpackHotDevClient.js:65 The development server has disconnected.
Refresh the page if necessary.
"

Solution

Additional comments

Version

latest commit

Reproduction link

https://github.com/creativetimofficial/blk-design-system-react

Operating System

Mac OS Mojave 10.14.4

Device

Macbook Pro

Browser & Version

firefox

Steps to reproduce

1. do a fresh git clone of the repo
2. run "npm run install:clean" (be sure to change node-sass version to 4.12.0 in package.json to avoid compile error)
3. try running "npm run build"

What is expected?

Successful build

What is actually happening?

Creating an optimized production build...
Failed to compile.

Lexical error on line 1: Unrecognized text.
Erroneous area:
1: 100% - auto - 1
^.........^

Solution

Additional comments

!!! IF YOU DO NOT USE THIS ISSUES TEAMPLATE, YOUR ISSUE IS LIABLE TO BEING IGNORED BY US

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• [x ] I am running the latest version
• [x ] I checked the documentation and found no answer
• [x ] I checked to make sure that this issue has not already been filed
• [x ] I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

expecting complete documentation of component properties example:NavBarBrand

Current Behavior

no complete documentation, not even in reactstrap official documentation
https://reactstrap.github.io/components/navbar/#app

Failure Information (for bugs)

Please help provide information about the failure if this is a bug. If it is not a bug, please remove the rest of this template.

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

1. step 1
2. step 2
3. you get it...

Context

Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.

• Device:
• Operating System:
• Browser and Version:

Failure Logs

Please include any relevant log snippets or files here.

I attempted to submit a new issue using the "new issue link" below. The new-issue form is broken.

Steps taken:

1. Opened "new issue link"(https://www.creative-tim.com/new-issue/blk-design-system-react) with Firefox Latest (Win 10) and spent 15 minutes typing out a detailed bug report.
2. Clicked "preview" button.

Expected result:
Website would show a preview of my bug report, with an option to submit it.

Actual result:
The "preview" button did nothing. No matter how many times I clicked on it, nothing happened. Quite frustrating. :-/

The same also occurred when I reattempted a second and third time using (a) Chrome latest and (b) Edge latest.

!!! IF YOU DO NOT USE THIS ISSUES TEAMPLATE, YOUR ISSUE IS LIABLE TO BEING IGNORED BY US

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• I am running the latest version
• I checked the documentation and found no answer
• I checked to make sure that this issue has not already been filed
• I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

Put the code for social icons and fonts in my index.html folder but doesnt seem to work

Current Behavior

Social icons and fonts code doesnt work

Failure Information (for bugs)

Please help provide information about the failure if this is a bug. If it is not a bug, please remove the rest of this template.

I attempted to submit this issue through the official link but was unable to do so (see Issue #27). I'll report it here.

This is a:
Bug Report for BLK Design System React

Version:
Latest

Link to minimal reproduction:
https://www.creative-tim.com/new-issue/blk-design-system-react

OS:
Ubuntu 20.04 (running in WSL2 in Windows 10)

Device:
Desktop

Browser & version:
Not applicable

Steps to reproduce:

1. gh repo clone creativetimofficial/blk-design-system-react
2. cd blk-design-system-react
3. npm install

What is expected?
After "npm install," NPM should install the necessary dependencies for React without any errors or warnings.

Actual result:
NPM freaks out. See console logs, attached. NPM complains about incorrect dependency version, lists many warnings about deprecated packages, and fails to complete the install.

What is your solution?
I attempted the following upgrades, one by one:
[email protected] --> @17.0.2 (latest)
[email protected] --> @17.0.2 (latest)
[email protected] --> @3.1.1 (latest)
[email protected] --> @4.0.3 (latest)

I then gave up after getting more and more error messages. I was frustrated and disappointment that this package hasn't been maintained.

Additional comments:
Each NPM update made things worse. Not sure how to fix. ¯_(ツ)_/¯

After the change to react-scripts, I received numerous ERR! messages that seem to relate to SASS.

I also received many warning messages about outdated/deprecated packages, which left me scratching my head. This left me felling like the code hasn't been updated in years and isn't safe to use in production. This was my first attempt at using a "Creative Tim" React product, and I was frustrated. I'm not sure if this is a typical experience with your React products or is just a one-time error.

Could you please consider adding some CI/CD quality-control procedures for your React products? For example, you could write a script that runs an "npm install" on each of your React packages (e.g., once per week) and reports back any warnings or errors from NPM. (Which should then be fixed promptly, of course.)

Log files:
2021-09-17T01_04_04_528Z-debug.log
2021-09-17T01_19_33_613Z-debug.log
2021-09-17T01_23_57_060Z-debug.log
2021-09-17T01_02_14_618Z-debug.log