GithubHelp home page GithubHelp logo

lukeandersen / react-starter Goto Github PK

View Code? Open in Web Editor NEW
3.0 3.0 1.0 2.06 MB

React starter template with webpack and postcss

Home Page: https://react-starter.lukeandersen.now.sh

JavaScript 54.79% CSS 42.20% EJS 3.01%

react-starter's People

Contributors

dependabot[bot] avatar lukeandersen avatar nsoutar avatar renovate-bot avatar renovate[bot] avatar secretyouth avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

Forkers

iag-edge-labs

react-starter's Issues

Feature request

Can you add a static site production build?
I don't know how to configure this on my own.

Production Build not working for me

The npm run dev works fine for me.

When I run npm run build it does create the dist folder and add what appears to be the right files.

In vscode if I run the GoLive server I get the following errors:

**Refused to apply style from 'http://127.0.0.1:5500/main.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

bundle.js:1 Failed to load resource: the server responded with a status of 404 (Not Found)
index.html:49

:5500/assets/apple-icon.png:1 Failed to load resource: the server responded with a status of 404 (Not Found)**

When I open the index.html file with my browser i get:

Failed to load resource: net::ERR_FILE_NOT_FOUND main.css:1
Failed to load resource: net::ERR_FILE_NOT_FOUND bundle.js:1
Failed to load resource: net::ERR_FILE_NOT_FOUND /assets/apple-icon.png:1

There seems to be at least two problems:

  1. the main.css link does not specify type="text/css"
  2. the links to the files start with /

The index.html file:

`

<title>React Starter</title>
<script type="text/javascript" src="/bundle.js"></script> `

Action Required: Fix Renovate Configuration

There is an error with this repository's Renovate configuration that needs to be fixed. As a precaution, Renovate will stop PRs until it is resolved.

Error type: undefined. Note: this is a nested preset so please contact the preset author if you are unable to fix it yourself.

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

  • Update dependency eslint-import-resolver-webpack to v0.13.8
  • Update dependency postcss-load-config to v4.0.2
  • Update babel monorepo (@babel/core, @babel/preset-env, @babel/preset-react)
  • Update dependency classnames to v2.5.1
  • Update dependency eslint-plugin-import to v2.29.1
  • Update dependency eslint-plugin-jsx-a11y to v6.8.0
  • Update dependency webpack to v4.47.0
  • Update Node.js to v20
  • Update dependency babel-loader to v9
  • Update dependency copy-webpack-plugin to v12
  • Update dependency eslint-config-airbnb to v19
  • Update dependency eslint-config-prettier to v9
  • Update dependency eslint-plugin-prettier to v5
  • Update dependency postcss-import to v16
  • Update dependency postcss-load-config to v5
  • Update dependency postcss-loader to v8
  • Update dependency postcss-nesting to v12
  • Update dependency prettier to v3
  • Update dependency react-router-dom to v6
  • Update dependency rimraf to v5
  • Update dependency webpack-cli to v5
  • Update dependency webpack-dev-server to v5
  • ๐Ÿ” Create all rate-limited PRs at once ๐Ÿ”

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Detected dependencies

npm
package.json
  • axios 0.27.2
  • classnames 2.3.2
  • express 4.18.2
  • flexboxgrid 6.3.1
  • normalize.css 8.0.1
  • prop-types 15.8.1
  • react 18.2.0
  • react-dom 18.2.0
  • react-ga 3.3.1
  • react-router-dom 5.3.4
  • @babel/core 7.22.9
  • @babel/plugin-proposal-class-properties 7.18.6
  • @babel/preset-env 7.22.9
  • @babel/preset-react 7.22.5
  • babel-eslint 10.1.0
  • babel-loader 8.3.0
  • copy-webpack-plugin 5.1.2
  • css-loader 3.6.0
  • eslint 6.8.0
  • eslint-config-airbnb 18.2.1
  • eslint-config-prettier 8.8.0
  • eslint-import-resolver-webpack 0.13.2
  • eslint-plugin-import 2.27.5
  • eslint-plugin-jsx-a11y 6.7.1
  • eslint-plugin-prettier 3.4.1
  • eslint-plugin-react 7.32.2
  • extract-text-webpack-plugin 4.0.0-beta.0
  • file-loader 6.2.0
  • html-webpack-plugin 4.5.2
  • postcss 7.0.39
  • postcss-cssnext 3.1.1
  • postcss-import 12.0.1
  • postcss-load-config 4.0.1
  • postcss-loader 3.0.0
  • postcss-nesting 7.0.1
  • prettier 2.8.8
  • react-hot-loader 4.13.1
  • rimraf 3.0.2
  • style-loader 1.3.0
  • url-loader 4.1.1
  • webpack 4.46.0
  • webpack-cli 3.3.12
  • webpack-dev-server 3.11.3
  • node 16.x

  • Check this box to trigger a request for Renovate to run again on this repository

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.