Can't install the setup in my Windows Machine ?

[Private-SO]

HI,

I tried to setup the demo app in my Windows machine . I tried the following commands

• yarn add patternfly-react

• yarn install

• yarn build

After running yarn build in Cmd prompt i got error like this

C:\Program Files\nodejs\patternfly-react-demo>yarn build
yarn run v1.7.0
$ yarn copy-fonts && yarn copy-img && yarn build-css && yarn build-js
$ ncp node_modules/patternfly/dist/fonts src/fonts
$ ncp node_modules/patternfly/dist/img src/img
$ cross-var "node-sass-chokidar src/ --output-style compressed $npm_package_sass
Includes_src $npm_package_sassIncludes_patternfly $npm_package_sassIncludes_patt
ernflyReact $npm_package_sassIncludes_bootstrap $npm_package_sassIncludes_fontAw
esome -o src/"
exec error: Error: Command failed: node-sass-chokidar src/ --output-style compre
ssed --include-path src --include-path node_modules/patternfly/dist/sass --inclu
de-path node_modules/patternfly/dist/sassReact --include-path node_modules/boots
trap-sass/assets/stylesheets --include-path node_modules/font-awesome-sass/asset
s/stylesheets -o src/
{
  "status": 1,
  "file": "C:/Program Files/nodejs/patternfly-react-demo/src/App.scss",
  "line": 16,
  "column": 1,
  "message": "File to import not found or unreadable: patternfly-react.",
  "formatted": "Error: File to import not found or unreadable: patternfly-react.
\n        on line 16 of src/App.scss\n>> @import 'patternfly-react';\n\n   ^\n"
}

$ react-scripts build
Creating an optimized production build...
Failed to compile.

Module not found: Error: Can't resolve './App.css' in 'C:\Program Files\nodejs\p
atternfly-react-demo\src'


error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this comm
and.
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this comm
and.

I don't know how to proceed further . Any ideas ?

Thanks

[Mhbuur]

I'm getting the same problem now. Things seemed to work out just fine for a while, and now this started to show up. I wonder if this is a timing issue in the build-css script

[Mhbuur]

I'm not sure why the compiler chokes on the short import statements in App.scss, but if you change them to the following, you can compile:

/**
Patternfly Sass
*/
@import '../node_modules/patternfly/dist/sass/patternfly';

/**
Patternfly React Specific Sass Extensions
*/
@import '../node_modules/patternfly-react/dist/sass/patternfly-react';

I'm guessing this has to do with the sassIncludes paths in package.json not being interpreted correct on Windows..

[Mhbuur]

if you have problems with compiling due to bootstrap:

  "file": "node_modules/patternfly/dist/sass/_patternfly.scss",
  "line": 7,
  "column": 1,
  "message": "File to import not found or unreadable: bootstrap/variables.",

try yarn add bootstrap-sass.

For some reason this is necessary even after yarn install (which should take care of getting the needed modules).