Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.Hey there,
frist im new at Drupal 8 and "Grunt" and this stuff, i have created a few Drupal 7 Sites. Now im trying Drupal 8 with Basic theme.
I installed all the "grunt"-stuff of the Readme file. But i dont know must Grunt on the Webserver or on my client?
And Grunt reports everytime follow error (on Websever and virt-Linux Test-client):
Running "sass:dist" (sass) task
>> File to import not found or unreadable: ../../bower_components/bourbon/app/assets/stylesheets/bourbon
>> Parent style sheet: /home/tehmilcho/Dokumente/fromhellv8/sass/config/_config.sass
>> Line 26 Column 1 sass/config/_config.sass
Warning: Use --force to continue.
Aborted due to warnings.And in Firebug at my Brower the Design has a missing CSS:
http://www.WEBSITEDOMAIN.de/v8/themes/basic/bower_components/normalize.css/normalize.css?o3vdjg Failed to load resource: the server responded with a status of 404 (Not Found)
The CSS-file is required at "basic.libraries.yml" at line 5
How i get the "bower_components" folder? And the Readme is for someone how didnt know Grunt and SASS little bit short.
bytheway in the Readme is missing that you must Rename "Bacis" to "Mytheme" the Files and in the Files:
-basic.libraries.yml
-package.json
-bower.json
sorry my English, im from Germany ;-)
Greetings Milcho
| Comment | File | Size | Author |
|---|---|---|---|
| #15 | finish-log.txt | 27.25 KB | Milcho |
| #14 | Portable.txt | 28.24 KB | Milcho |
| #10 | screen.PNG | 62.84 KB | Milcho |
| #9 | bower_components.zip | 87.73 KB | leahtard |
Comments
Comment #2
leahtard CreditAttribution: leahtard at The Jibe commentedHey!
The first thing you need to do is navigate to the theme folder and run:
$ npm install
Is that how you install the grunt components which will call the bower install.
I thought this was the first thing mentioned in the readme file but I will review this weekend and get back to you
Cheers Leah
Comment #3
leahtard CreditAttribution: leahtard commentedHello again!
I reviewed the readme and I think you need the section called "How to Use Grunt with Basic". Let me know if you still have issues and I would be happy to help you troubleshoot.
I have added a line to the readme about renaming basic.libraries.yml. Thanks for that catch! I don't think the "basic" has to be updated in package.json and bower.json because these are only used for your local environment. Drupal doesn't care about these files.
Just let me know if I can be of further help :)
Cheers, Leah
Comment #4
leahtard CreditAttribution: leahtard commentedComment #5
Milcho CreditAttribution: Milcho commentedI do this but i will not work, i tryed i on 3 various OS Installations. i tryed the other Theme "Bear" this worked instand.
tested on a Debian Server and 2x Ubuntu OS 15 (fresh installed virt.- Maschines)
Example Log from Virtual Ubuntu 15
Comment #6
leahtard CreditAttribution: leahtard commentedOh, I think I have seen this before. Maybe this is because you do not have bower installed on your computer. You can test this with:
If installation instructions are needed, you can find them here: http://bower.io/. We don't have any docs listing this as a requirement so I will make that update.
Cheers, Leah
Comment #8
Milcho CreditAttribution: Milcho commentedSoo.. i Reimage the Virutal Machine and Installed followparts:
- http://bower.io/
- http://sass-lang.com/
- http://bourbon.io/
- http://neat.bourbon.io/
- https://www.ruby-lang.org/
than i tryed agian ... Nodejs will not work on Ubunto without NodeJS-legacy so i installed that.
than i tryed to get GIT
That funnys thing is .. i dont now why i should use "Grunt" (I've never heard of that befor "basic", all my other sites are Drupal 7 with Zen and there I have the CSS and template files simply by handwritten with Sublime) and this stuff... Is it even worth the effort (Because actually I need it on Win10, I am currently testing with Linux because I think it's easier there to bring it to work)?
Comment #9
leahtard CreditAttribution: leahtard at The Jibe commentedHi Milcho,
Sorry, I do not have any experience setting up a Windows environment for this. It sounds like maybe you do not want to use Grunt. If that is the case, I have zipped up the bower_components folder that gets created and attached it here. If you add this to your theme, you should be able to get going without Grunt.
We have recently removed normalize.css from the bower install. This is in place in the dev branch. We will push an update for this soon. This will remove one of those dependancies for people not wanting to use Grunt.
I hope this helps :)
Leah
Comment #10
Milcho CreditAttribution: Milcho commentedSoo .. now i tryed on Windows 8 and Windows 10
I installed nodejs over the MSI, GIT over the MSI, and bower with "$ npm install -g bower"
Then i run "npm install" in the Basic folder ... first i get this error:
(Installation will not stop i tryed multiple times...)
Soo okay i installed Python 2.7.11 ... and try to delete the "Node_module" but i cant deleted becurse there now 90MB with ~18.300files in over 4000 Folders and the path is to long to delet for Windows.
How big should the "Node_module" folder be in the Basic? (Why i need so many extra files?)
expample:
E:\basic\node_modules\grunt-contrib-imagemin\node_modules\imagemin\node_modules\imagemin-gifsicle\node_modules\gifsicle\node_modules\bin-build\node_modules\decompress\node_modules\decompress-tar\node_modules\strip-dirs\node_modules\is-absolute\node_modules.... i cant go deeper becurse the path is to long
So the good news i have try it on a new Partion .. so i format the Partion. Copy Basic agian on it and running it agian.
now i get:
i should install ".Net Framework 2.0 SKD" <-- i have Framework 4.0 o.O
And the same probleme with deleting the Folder... on the Windows 8 i installed than MS Visual Studio 2015 and MSbuild --> other errors...
I think you can write in the Readme not compatible with Windows. Have you tryed to get to work with a blank System? Maybe there is Error in the Config.
On every System tryed there is a lot of warnings:
Comment #11
Milcho CreditAttribution: Milcho commentednext try Debian ... installed the stuff .. Nodejs, git, bower (gobal)
I'm too stupid? It can not be that hard to get that up and running.. =(
Comment #12
joelpittetI don't think you are stupid, that looks horrible. (dependency hell is what this is) It may be an old version of node or something? It says
v0.12.2and mine locally saysv5.8.0Could you look at ensuring node is up to date?Just want to re-iterate something of a goal I've been pitching here. You don't need to use grunt/gulp/node/sass. You can do this without or just use ruby-sass if that works for you. We are just trying to keep up with the times. Most of us are on Mac and haven't tested on debian or windows so you are breaking ground a bit there and thank you for testing it out. Hope your patience has a bit left in it for this stuff?
Comment #13
leahtard CreditAttribution: leahtard at The Jibe commentedAgreed, NOT stupid! Here are my versions. I didn't know python would be a dependancy.
Comment #14
Milcho CreditAttribution: Milcho commentedVersions on my Windows 10 Client (installed):
python --version (or python -v) do not work in the Windows CMD .. i installed it with the Standard stettings of the MSI (Next next next finish =) ) but in the software management stands "v27,11150" and Git with v2.7.3", maybe there is option in the MSI installation to set the "Path" in Windows that work "python -v" will work, i dont now.
Protable Windows 7 / 8 / 10:
I have built a portable version for Windows with little help of this Movie (https://www.youtube.com/watch?v=N8cFnUruUEo)
for this you need some of the Data and must type (every time) befor using it, follow in the "CMD" of Windows
(My Paths, you must change it to place were you got this stuff)
set PATH=C:\Users\tehMi\Desktop\portableDEV\PortableApps\GitPortable\App\Git\cmd;C:\Users\tehMi\Desktop\portableDEV\nodejs;C:\Users\tehMi\Desktop\portableDEV\PortableApps\Python\AppIf run over the "Portable" version the Installation (basic -> NPM Install) it looks better but has the same "gyp" error. I dont why but this little difference error prevented that Nodejs / "node-gyp" will create the folder "node_mode" that cant be delete on windows.
the Main difference of the Portable is that by using "Set PATH=" in the CMD, CMD didnt know anything about other installations on the Client like ".net framework" and so on.
(Full log at Attachments "Porable.txt")
if i do this so and run than "grunt" in this CMD. It will be running:
You can change "SASS"-files and there will work with them but images are a little bit strange. i copyed the "basic-logo" in the Image/source nothing happend, i make new jpg with Paint ;-) in this folder... nothing ... i restart grunt and rename one of this files it will work and copy the files to "optimized". if i delete some file from "optimized"-folder ... nothing happend or i delete a file from "Source" and he will not delete from optimizied ... i dont know whether that right.
on the Virtual Debian:
hmm on Debian i get this low version over "apt-get install nodejs". I fund on (https://nodejs.org/en/download/package-manager/#debian-and-ubuntu-based-...) the installation info but the command:
curl -sL https://deb.nodesource.com/setup_4.x | sudo -E bash -Do not work at my installation i dont know how to use / fix this becurse im not a Linux-Pro.
The most horrible thing is that with the "installed"-Version on Windows the folder "Basic\node_modules" will be not deletable. So you must go to every subfolder and rename it to a shorter name like "A" .. with most of the 4000 folders... i must do this today.. i need more than 2 hours for it =( Thats like Pain in the "a$$"
I think there is Problem with "node-gyp.js" rebuild"- Order,i dont know what becurse I understand a lot of hardware and software things and also little bit from Webdesign (example Clubfromhell.de <-- Drupal 7 with Zen as Basic-Theme) but "nodejs" is just unknown territory for me.
I hope we find a solution, search a lot on google but is difficult becurse i can install the parts (grunt, SASS, Bower) with out your theme but with your theme there only Errors, Therefore, do not know to what to look for in google
(sorry my english.. i hope you unterstand the most ;-) )
Update:
Frist, I just hope it's okay that I everything Documenting here.
Today i tryed on my Windows 8 Client follow thing:
1. Move to the NodeJS install-folder
2. Start a CMD as Admin
3. run "npm install npm@lastet"
4. i deinstalled "MSBuild" and "MS Visual Studio"
5. Move to the "Basic" (DEV-Edition) folder
6. Run "npm install"
Now i get the same Error like the Other clients something from "MS Visual Stutio" are missing, but it passes through. The Folder "Node_modules" are now 70MB with ~ 11.600 files in 1.700 Folders and is Deletable. It has also created the "Bower_components" folder (same like the Try with the "Portable Nodejs").
So now its just the problem that i dont know whats missing / it will work 100% correct.
Install on Windows - HowToDo (@the moment / beta)
- Install NodeJS from https://nodejs.org/en/
- Install Git from https://git-scm.com/ (@ the Installation Chose "Use Git from the Windows Command Prompt")
- Install Python 2.7.x from https://www.python.org/downloads/ (Version is important, 3.X will not work with Grunt)
- open CMD with Admin and move to the Installation Path of NodeJS and Run "npm Install npm@latest" and "npm install -g Bower"
- open a CMD in the "Basic"-Theme folder and run "npm install"
Some step is missing at the moment to fix the last error but now it will be evidently Work!
Update 2
I fund follow thing https://github.com/nodejs/node-gyp on this Page will be the Info who to get it working on Windows, MAC and Unix... this "Node-gyp" is the resion why you need Python -->
Comment #15
Milcho CreditAttribution: Milcho commentedUpdate 3
Its done... the only things i cant fix is:
Install on Windows - HowToDo
- Install NodeJS from https://nodejs.org/en/
- install MS Visual Studio Community or Express 2015 from https://www.visualstudio.com/downloads
- Install Git from https://git-scm.com/ (@ the Installation Chose "Use Git from the Windows Command Prompt")
- Install Python 2.7.x from https://www.python.org/downloads/ (Version is important, 3.X will not work with node-gyp)
- open CMD with Admin and move to the Installation Path of NodeJS and Run "npm Install npm@latest" , "npm install -g Bower" and "npm install -g grunt-cli"
- open a CMD as Admin in the "Basic"-Theme folder and run "npm install --msvs_version=2015"
The Problems with the Images is still there, it will only working one time, than you must restart grunt...
That wars just ****** but now i got it... maybe you should check if you need really all the Stuff.. see the finish Log (at Attachments).. now im happy ;-) ... and now i could start to check out Basic and Durpal 8 but honestly i need a break for my mind after this ;-)
Maybe you can indeed some info for your readme use to make it easier Other users
Comment #16
joelpittetWe are considering dropping bower_components and just use npm to have one less thing in the mix and npm can do a better job with getting projects down in some cases.
Can you summarize the problem you had so we can be clear to what to watch out for on Windows?
Glad to hear you got through it!
Comment #17
Milcho CreditAttribution: Milcho commentedhey,
the mainproblems on Windows are:
Problems with NPM
If you dont do "install npm@latest" after install of nodejs, the "npm install" from the theme will a run a loop and will create the Folder node_modules in theme with hundreds of "node_modules"-folders in it, so you cant deleted it in Windows (Folderpath Limit in Windows)
for example:
Basic\node_modules
-> Somestuff/node_modules
--> somestuff/node_modules/somestuff/node_modules ... and so one..
Problems with Node-gyp
In your Package is also "Node-gyp" included thats needs Python 2.7 and "MS Visual Studio Community or Express 2015".
More about this "https://github.com/nodejs/node-gyp"
Problems with Grunt
1. "GIT" is a dependency to use it
2. Problems with the Image-"Rendering" - if you run "Grunt" and save a Images in "images/source" grunt not check there is a change, you must close Grunt, start it again than rename the Imagefile, than it will work for a little bit. i thing there is bug in the Task but i dont you if this a Problem of Windows or Grunt.
You can Put this in your Readme for Windowsuser
if you want you can give me a litte list of things what grunt should do if it work 100%, then i will test it. At the moment, I'm learning first how to Work with "SASS, bourbon, neat.bourbon" .. its pretty cool but completely different from my previous way of working ;-)
Comment #18
leahtard CreditAttribution: leahtard at The Jibe commentedHey Milcho,
We have recently removed the Bower dependancy in the 8.x-1.1 release. Originally it looked that was part of the problem. I am going to close up this case but please reopen if the latest issue still poses problem for you.
Cheers, Leah