Giter VIP home page Giter VIP logo

next-sample's Introduction

next-sample

This is a sample Grommet application using Grommet 2.0.

To run this application, execute the following commands:

  1. Install NPM modules
  $ npm install (or yarn install)
  1. Start the front-end dev server:
$ npm run dev
  1. Create the app distribution to be used by a back-end server
$ npm run dist
  1. Test and run linters:
$ npm test

next-sample's People

Contributors

alansouzati avatar ericsoderberghp avatar

Stargazers

Sacha Reinert avatar Joel Mun avatar Nick Anthony avatar Eddy Hernandez avatar

Watchers

James Cloos avatar Enovision IT & Web Services avatar Chris Carlozzi avatar Douglas Gennetten avatar Alex Mejias avatar Bryan Jacquot avatar  avatar Grommet Community Bot avatar Tracy Barmore avatar  avatar

next-sample's Issues

doesnt compile

does not compile using npm or yarn, dependencies seem to have a probelm

Cannot create styled-component for component

Browser: Version 66.0.3359.117 (Official Build) (64-bit) (Linux)

npm run dev

Error

Uncaught Error: Cannot create styled-component for component: [object Object]
    at constructWithOptions (styled-components.es.js:1587)
    at styled (styled-components.es.js:1522)
    at Object.<anonymous> (Select.js:25)
    at __webpack_require__ (bootstrap e066eab1ce11fc669ee2:678)
    at fn (bootstrap e066eab1ce11fc669ee2:88)
    at Object.<anonymous> (index.js:1)
    at __webpack_require__ (bootstrap e066eab1ce11fc669ee2:678)
    at fn (bootstrap e066eab1ce11fc669ee2:88)
    at Object.exports.__esModule (index.js:1)
    at __webpack_require__ (bootstrap e066eab1ce11fc669ee2:678)

 constructWithOptions  @  styled-components.es.js:1587
 styled  @  styled-components.es.js:1522
 (anonymous)  @  Select.js:25
 __webpack_require__  @ | bootstrap e066eab…:678
 fn  @ | bootstrap e066eab…:88

<Markdown> changed

In later versions of v2, Markdown has changed, where the content is the children, not a prop

Imports not resolving correctly

My branch for Grommet is on NEXT.

[grommet:pack]: Running webpack...
Using alias to local grommet.
[grommet:pack]: Starting dev server...
[grommet:pack]: failed
Module not found: Error: Can't resolve 'grommet/es6/components/grommet/Grommet' in '/Users/alexmejias/Projects/Work/HP/dev/grommet-NEXT/next-sample/src/js'
Module not found: Error: Can't resolve 'grommet/es6/components/button/Button' in '/Users/alexmejias/Projects/Work/HP/dev/grommet-NEXT/next-sample/src/js'

If I set my import to something more explicit like import Grommet from 'grommet/components/grommet'; it works fine.

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.