Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to import the material ui to my project? #1630

Closed
angelalee0712 opened this issue Sep 12, 2015 · 6 comments
Closed

How to import the material ui to my project? #1630

angelalee0712 opened this issue Sep 12, 2015 · 6 comments
Labels
docs Improvements or additions to the documentation

Comments

@angelalee0712
Copy link

i have copied the code in the ”Usage“ part to my project,and i have imported the react.js and JSXTransformer.js in my project. But why there's no button appear in the browser?

@karimhossenbux
Copy link

You have an example folder for a great start.

@justinireland
Copy link

No, the example folder is not a great start. I'd love to use this project too but its damn cryptic. I'm getting all kinds of errors in my build and there is no real good explanation in the docs.

@abeauvois
Copy link

I've got the same "error flow" and I just comment one line of the gulpfile.js that says to fail when error from esLint. So just do so, save and run again "npm install", hope it helps.

var gulp = require('gulp');
var eslint = require('gulp-eslint');

gulp.task('eslint', function () {
return gulp.src(['src/*'])
// eslint() attaches the lint output to the eslint property
// of the file object so it can be used by other modules.
.pipe(eslint())
// eslint.format() outputs the lint results to the console.
// Alternatively use eslint.formatEach() (see Docs).
.pipe(eslint.format())
// To have the process exit with an error code (1) on
// lint error, return the stream and pipe to failOnError last.
==========>>>> //.pipe(eslint.failOnError()); *

@abeauvois
Copy link

After exploring the actual responsible for errors in my case that fails the build is the 38th line of .eslintrc, i've removed it, and made "npm start" again.

"react/jsx-curly-spacing": 2,
"react/jsx-max-props-per-line": [2, {maximum: 4}],
"react/jsx-no-duplicate-props": 2,
"react/jsx-no-undef": 2,
== remove this line =====>>> "react/jsx-quotes": [2, "double"]

@shaurya947
Copy link
Contributor

@lqllyf once you have pulled the latest code from callemall:master with the updated ESLint rules, it should hopefully work. If it doesn't, I would suggest getting on Developer Tools on Chrome or something, and debugging to see what the issue is. Also, keep in mind that you need to use context for theme as mentioned in the code on the Usage page.

If everything works fine for you, feel free to close the issue / comment here so that the owner can do so.

@alitaheri alitaheri added this to the Improve the documentation milestone Dec 8, 2015
@alitaheri alitaheri added docs Improvements or additions to the documentation Deployment labels Dec 8, 2015
@oliviertassinari
Copy link
Member

This is an old issue, I'm closing it, it should be fixed now.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
docs Improvements or additions to the documentation
Projects
None yet
Development

No branches or pull requests

7 participants