Giter VIP home page Giter VIP logo

Comments (13)

taji avatar taji commented on July 17, 2024

Following up. As the error states, it's a less compilation issue, but broccoli is suppressing the actual error details. I added the diagnostics that db6edr recommended here:

angular/angular-cli#873

There are about 20 messages indicating undefined less variables in bootstrap-social.less and bootstrap. Here are two of them:

error: { [Error: variable @line-height-computed is undefined]
  type: 'Name',
  filename: 'input',
  index: 187,
  line: 10,
  callLine: NaN,
  callExtract: undefined,
  column: 18,
  extract: 
   [ '',
     '@bs-height-base: (@line-height-computed + @padding-base-vertical * 2);',
     '@bs-height-lg:   (floor(@font-size-large * @line-height-base) + @padding-large-vertical * 2);' ],
  message: 'variable @line-height-computed is undefined',
  stack: undefined }
error: { [Error: variable @alert-padding is undefined]
  type: 'Name',
  filename: 'input',
  index: 134,
  line: 10,
  callLine: NaN,
  callExtract: undefined,
  column: 11,
  extract: 
   [ '.alert {',
     '  padding: @alert-padding;',
     '  margin-bottom: @line-height-computed;' ],
  message: 'variable @alert-padding is undefined',
  stack: undefined }

I've tried the various workarounds from the github issue thread, but no luck so far.

On another note, any thoughts about upgrading the project to angular 2 rc6? According to the documentation, there "shouldn't" be any more breaking changes.

from aws-cognito-angular-quickstart.

taji avatar taji commented on July 17, 2024

Am I the only one running into this problem? Any help is most appreciated.

from aws-cognito-angular-quickstart.

vbudilov avatar vbudilov commented on July 17, 2024

Hi @taji ,

Let me try to build this app from scratch and let you know. I haven't seen this error before. Will get back to you shortly.

Thanks,
Vladimir Budilov

from aws-cognito-angular-quickstart.

vbudilov avatar vbudilov commented on July 17, 2024

Hi @taji ,

I'm not seeing the error when starting from scratch. Not sure what could be causing this on your end.

I'm also working on upgrading the codebase to use RC6.

Thanks,
Vladimir Budilov

from aws-cognito-angular-quickstart.

taji avatar taji commented on July 17, 2024

Good to know, I'll try it again and see. Can you verify the version of angular cli you are using?

from aws-cognito-angular-quickstart.

vbudilov avatar vbudilov commented on July 17, 2024

Here you go:

angular-cli: 1.0.0-beta.10
node: 4.2.6
os: linux x64

bower -v
1.7.9

from aws-cognito-angular-quickstart.

vbudilov avatar vbudilov commented on July 17, 2024

@taji -- are you still experiencing this issue?

from aws-cognito-angular-quickstart.

taji avatar taji commented on July 17, 2024

Retrying now. Should know in a few.

from aws-cognito-angular-quickstart.

taji avatar taji commented on July 17, 2024

First, thanks for following up. :-)

Okay, started from scratch in a clean cloud9 environment. I've written an install script for the global dependencies as so:

cd ~

sudo apt-get update
sudo apt-get install python2.7-dev
git clone https://github.com/facebook/watchman.git
cd watchman
./autogen.sh
./configure
make
sudo make install

npm install -g [email protected] bower

sudo pip install awscli

cd ~/workspace

npm install
bower install

This worked, but I had to specify the exact version of angular-cli in the package.json ( "angular-cli": "1.0.0-beta.10").

Also, the "install bower" command emitted the following query (I selected option 3):

Unable to find a suitable version for font-awesome, please choose one by typing one of the numbers below:
    1) font-awesome#~4.2 which resolved to 4.2.0 and is required by bootstrap-social#4.8.0
    2) font-awesome#^4.2.0 which resolved to 4.6.3 and is required by aws-cognito-angular2-quickstart
    3) font-awesome#~4.6.3 which resolved to 4.6.3 and is required by startbootstrap-sb-admin-2#20f6ac3081

Prefix the choice with ! to persist it to bower.json

? Answer 3

Here are the versions of the installed global dependencies:
node: v4.2.6
npm: 3.10.7
aws-cli/1.10.64 Python/2.7.6 Linux/4.2.0-c9 botocore/1.4.54
angular-cli: 1.0.0-beta.10
node: 4.2.6
os: linux x64
bower: 1.7.9

Unfortunately, I'm hitting the exact same less compilation error:

 npm start

> [email protected] start /home/ubuntu/workspace
> ng server

Livereload server on http://localhost:49152
Serving on http://localhost:8080/
File: input (10)
The Broccoli Plugin: [LESSPlugin] failed with:
undefined

The broccoli plugin was instantiated at: 
    at LESSPlugin.Plugin (/home/ubuntu/workspace/node_modules/angular-cli/node_modules/broccoli-plugin/index.js:10:31)
    at LESSPlugin.CachingWriter [as constructor] (/home/ubuntu/workspace/node_modules/angular-cli/node_modules/broccoli-caching-writer/index.js:21:10)
    at new LESSPlugin (/home/ubuntu/workspace/node_modules/angular-cli/lib/broccoli/angular-broccoli-less.js:21:12)
    at Object.Plugin.build.compile.exports.makeBroccoliTree (/home/ubuntu/workspace/node_modules/angular-cli/lib/broccoli/angular-broccoli-less.js:52:12)
    at Angular2App._buildTree (/home/ubuntu/workspace/node_modules/angular-cli/lib/broccoli/angular2-app.js:133:27)
    at new Angular2App (/home/ubuntu/workspace/node_modules/angular-cli/lib/broccoli/angular2-app.js:53:23)
    at module.exports (/home/ubuntu/workspace/angular-cli-build.js:6:10)
    at Class.module.exports.Task.extend.setupBroccoliBuilder (/home/ubuntu/workspace/node_modules/angular-cli/node_modules/angular-cli/lib/models/builder.js:55:19)
    at Class.module.exports.Task.extend.init (/home/ubuntu/workspace/node_modules/angular-cli/node_modules/angular-cli/lib/models/builder.js:89:10)
    at new Class (/home/ubuntu/workspace/node_modules/angular-cli/node_modules/core-object/core-object.js:18:12)
    at Class.module.exports.Task.extend.run (/home/ubuntu/workspace/node_modules/angular-cli/node_modules/angular-cli/lib/tasks/serve.js:15:19)
    at /home/ubuntu/workspace/node_modules/angular-cli/node_modules/angular-cli/lib/commands/serve.js:64:24
    at lib$rsvp$$internal$$tryCatch (/home/ubuntu/workspace/node_modules/angular-cli/node_modules/rsvp/dist/rsvp.js:1036:16)
    at lib$rsvp$$internal$$invokeCallback (/home/ubuntu/workspace/node_modules/angular-cli/node_modules/rsvp/dist/rsvp.js:1048:17)
    at /home/ubuntu/workspace/node_modules/angular-cli/node_modules/rsvp/dist/rsvp.js:331:11
    at lib$rsvp$asap$$flush (/home/ubuntu/workspace/node_modules/angular-cli/node_modules/rsvp/dist/rsvp.js:1198:9)

Here's my fork of your environment -- with my install script and the update to the package.json:

https://github.com/taji/aws-cognito-angular2-quickstart

Maybe you could try installing to C9 and see if it works? Or I'm open to any other suggestions.

from aws-cognito-angular-quickstart.

taji avatar taji commented on July 17, 2024

Also, I've made a public workspace for this project here:

https://ide.c9.io/taji/aws-cognito-angular2-quickstart5

from aws-cognito-angular-quickstart.

vbudilov avatar vbudilov commented on July 17, 2024

Hi @taji , unfortunately I won't be able to debug your code, but are you able to clone this repo and run npm install without making any modifications to the package file? Does that work?

from aws-cognito-angular-quickstart.

taji avatar taji commented on July 17, 2024

No worries, you can close this. I'll resume work on this once your updates for Angular 2 final are completed. Thanks for the help. :)

from aws-cognito-angular-quickstart.

vbudilov avatar vbudilov commented on July 17, 2024

Closing :)

from aws-cognito-angular-quickstart.

Related Issues (20)

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.