GithubHelp home page GithubHelp logo

jchavarri / framer-boilerplate Goto Github PK

View Code? Open in Web Editor NEW
23.0 5.0 11.0 449 KB

An empty Framer project that uses Gulp for live reload and CoffeeScript transpilation + Browserify to include modules

CoffeeScript 23.41% JavaScript 53.87% HTML 22.71%

framer-boilerplate's Issues

Gulp export task

Hi its me again,
what can i do with the exported file from the gulp export. Is it possible to deploy to the framer server? I dont use framer studio.

Greetings
Christian

Error while installation

d:\Eigene_Dateien\Eigene_Dokumente\Programmierung\Websites\Prototypes\tourist-app>npm install
npm WARN install Couldn't install optional dependency: Unsupported
npm WARN prefer global [email protected] should be installed with -g

[email protected] postinstall d:\Eigene_Dateien\Eigene_Dokumente\Programmierung\Websites\Prototypes\tourist-app
cd ./node_modules/framerjs && make

Der Befehl "make" ist entweder falsch geschrieben oder
konnte nicht gefunden werden. -> Windows dont know make?

npm WARN EPACKAGEJSON [email protected] No description
npm WARN EPACKAGEJSON [email protected] No license field.
npm ERR! Windows_NT 6.1.7601
npm ERR! argv "C:\Users\Shuffle\AppData\Roaming\nodejs\node.exe" "C:\Users\Shuffle\AppData\Roaming\nodejs\node_modules\npm\bin\npm-cli.js" "install"
npm ERR! node v5.2.0
npm ERR! npm v3.3.12
npm ERR! code ELIFECYCLE
npm ERR! [email protected] postinstall: cd ./node_modules/framerjs && make
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] postinstall script 'cd ./node_modules/framerjs && make'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the tourist-app package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! cd ./node_modules/framerjs && make
npm ERR! You can get their info via:
npm ERR! npm owner ls tourist-app
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR! d:\Eigene_Dateien\Eigene_Dokumente\Programmierung\Websites\Prototypes\tourist-app\npm-debug.log

Problem installing framer-boilerplate

Dear @joetheday and @jchavarri
I came across your artical "How to Run Framer JS on Windows" on https://medium.com/microsoft-design/how-to-run-framer-js-on-windows-94e6a06abfe4 , so now I am trying to install framer-boilerplate but I am facing few problems, please, I need your help.
let me show you what I get when trying to install framer-boilerplate:


PS Z:\FramerJS_Projects\Android\A_Test_1> npm install
npm WARN deprecated [email protected]: gulp-util is deprecated - replace it, following the guidelines at https://medium.com/gulpjs/gulp-util-ca3b1f9f9ac5
npm WARN deprecated [email protected]: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)
npm WARN deprecated [email protected]: connect 2.x series is deprecated
npm WARN deprecated [email protected]: please upgrade to graceful-fs 4 for compatibility with current and future versions of Node.js
npm WARN deprecated [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN deprecated [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN deprecated [email protected]: please upgrade to graceful-fs 4 for compatibility with current and future versions of Node.js
npm ERR! code ENOGIT
npm ERR! Error while executing:
npm ERR! undefined ls-remote -h -t https://github.com/joetheday/framerjs-prebuilt.git
npm ERR!
npm ERR! undefined
npm ERR! No git binary found in $PATH
npm ERR!
npm ERR! Failed using git.
npm ERR! Please check if you have git installed and in your PATH.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Bandar\AppData\Roaming\npm-cache_logs\2018-09-16T09_28_37_886Z-debug.log


I tried these two commands as well which I think they complains about not finding https://github.com/joetheday/framerjs-prebuilt.git


PS Z:\FramerJS_Projects\Android\A_Test_1> npm ls
[email protected] Z:\FramerJS_Projects\Android\A_Test_1
`-- UNMET DEPENDENCY framerjs-prebuilt@git+https://github.com/joetheday/framerjs-prebuilt.git

npm ERR! missing: framerjs-prebuilt@git+https://github.com/joetheday/framerjs-prebuilt.git, required by [email protected]
PS Z:\FramerJS_Projects\Android\A_Test_1> npm install framerjs-prebuilt@git+https://github.com/joetheday/framerjs-prebuilt.git
npm ERR! code ENOGIT
npm ERR! Error while executing:
npm ERR! undefined ls-remote -h -t https://github.com/joetheday/framerjs-prebuilt.git
npm ERR!
npm ERR! undefined
npm ERR! No git binary found in $PATH
npm ERR!
npm ERR! Failed using git.
npm ERR! Please check if you have git installed and in your PATH.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Bandar\AppData\Roaming\npm-cache_logs\2018-09-16T12_11_43_162Z-debug.log


PS Z:\FramerJS_Projects\Android\A_Test_1> npm install framerjs-prebuilt@git+https://github.com/joetheday/framerjs-prebuilt
npm ERR! code ENOGIT
npm ERR! Error while executing:
npm ERR! undefined ls-remote -h -t https://github.com/joetheday/framerjs-prebuilt.git
npm ERR!
npm ERR! undefined
npm ERR! No git binary found in $PATH
npm ERR!
npm ERR! Failed using git.
npm ERR! Please check if you have git installed and in your PATH.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Bandar\AppData\Roaming\npm-cache_logs\2018-09-16T12_19_58_727Z-debug.log


What did I do wrong ? How to fix it, please ?

Stuck on loading dependency for Framer

During the initial npm install, the installer gets
stuck at loading the Framer dependency from git. Attaching a screenshot below.

I tried npm install framer separately and it goes into ./npm_modules/framer instead of ./npm_modules/framerjs plus there are no build targets inside to initiate make. Is there anything I'm missing here?

screenshot from 2015-11-26 13 18 00

Device Type "undefined"

I'm getting an error "Device type "undefined"" when using:

Framer.Device.deviceType = "fullscreen"

Is there a work around for this?

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.