Giter Site home page Giter Site logo

juliocarneiro / react-chrome-extension Goto Github PK

View Code? Open in Web Editor NEW
15.0 0.0 6.0 4.97 MB

Extensão para o Chrome feita em react e typescript.

HTML 4.93% JavaScript 4.91% Shell 0.61% Handlebars 2.08% TypeScript 87.47%
chrome-extension react create-react-app reactjs javascript

react-chrome-extension's Introduction

alt text

This Chrome Extension was bootstrapped by Julio Carneiro.

  1. yarn
  2. yarn build
  3. Go to chrome://extensions in Chrome
  4. Ensure that the Developer mode checkbox in the top right-hand corner is checked
  5. Click Load unpacked extension to pop up a file-selection dialog & select directory build in your repository.
  6. Ensure that the enabled box next to your chrome extension is checked so you can see it in action

react-chrome-extension's People

Contributors

dependabot[bot] avatar juliocarneiro avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

react-chrome-extension's Issues

Extensão não compila no Debian 11

silvioprog@debian:~/dev/git$ git clone https://github.com/juliocarneiro/react-chrome-extension.git
Cloning into 'react-chrome-extension'...
remote: Enumerating objects: 139, done.
remote: Counting objects: 100% (17/17), done.
remote: Compressing objects: 100% (15/15), done.
remote: Total 139 (delta 6), reused 4 (delta 2), pack-reused 122
Receiving objects: 100% (139/139), 4.83 MiB | 7.38 MiB/s, done.
Resolving deltas: 100% (23/23), done.
silvioprog@debian:~/dev/git$ cd react-chrome-extension/
silvioprog@debian:~/dev/git/react-chrome-extension$ yarn
yarn install v1.22.15
[1/4] Resolving packages...
[2/4] Fetching packages...
info [email protected]: The platform "linux" is incompatible with this module.
info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation.
[3/4] Linking dependencies...
warning " > @testing-library/[email protected]" has unmet peer dependency "@testing-library/dom@>=7.21.4".
warning "react-scripts > [email protected]" has unmet peer dependency "autoprefixer@^10.0.2".
warning "react-scripts > eslint-config-react-app > [email protected]" has unmet peer dependency "@babel/plugin-syntax-flow@^7.14.5".
warning "react-scripts > eslint-config-react-app > [email protected]" has unmet peer dependency "@babel/plugin-transform-react-jsx@^7.14.9".
warning " > [email protected]" has unmet peer dependency "react-is@>= 16.8.0".
[4/4] Building fresh packages...
warning Your current version of Yarn is out of date. The latest version is "1.22.18", while you're on "1.22.15".
info To upgrade, run the following command:
$ curl --compressed -o- -L https://yarnpkg.com/install.sh | bash
$ husky install
husky - Git hooks installed
$ husky install
husky - Git hooks installed
Done in 27.31s.
silvioprog@debian:~/dev/git/react-chrome-extension$ yarn build
yarn run v1.22.15
$ react-scripts build
/home/silvioprog/dev/git/react-chrome-extension/node_modules/react-scripts/config/webpack.config.js:664
        new MiniCssExtractPlugin({
        ^

TypeError: MiniCssExtractPlugin is not a constructor
    at module.exports (/home/silvioprog/dev/git/react-chrome-extension/node_modules/react-scripts/config/webpack.config.js:664:9)
    at Object.<anonymous> (/home/silvioprog/dev/git/react-chrome-extension/node_modules/react-scripts/scripts/build.js:58:16)
    at Module._compile (node:internal/modules/cjs/loader:1099:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)
    at Module.load (node:internal/modules/cjs/loader:975:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:77:12)
    at node:internal/main/run_main_module:17:47

Node.js v17.7.1
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
silvioprog@debian:~/dev/git/react-chrome-extension$ 

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.