Coder Social home page Coder Social logo

Yarn compatibility for production about rekit HOT 9 CLOSED

supnate avatar supnate commented on July 28, 2024 1
Yarn compatibility for production

from rekit.

Comments (9)

JakeDluhy avatar JakeDluhy commented on July 28, 2024 2

How is this minor? I don't have a main.js file, which means I don't have an app

from rekit.

supnate avatar supnate commented on July 28, 2024 1

Hi ibLeo, thank you for reporting this, it's a minor issue of the build script. This error doesn't affect anything but a un-well handled case for generating stat report.

from rekit.

mscottford avatar mscottford commented on July 28, 2024 1

from rekit.

levelio avatar levelio commented on July 28, 2024

rekit create app --sass
create webpack-config.js has an error, dist type scss rules should be sass-loader

{
  test: /\.scss$/,
  loader: isDev ? 'style-loader!css-loader?sourceMap!sass-loader?sourceMap'
            : 'style-loader!css-loader!sass-loader'
}

from rekit.

mscottford avatar mscottford commented on July 28, 2024

I had to add the presets to the babel config to resolve this issue:

          test: /\.jsx?$/,
          exclude: /node_modules|build/,
          loader: 'babel-loader?cacheDirectory=true',
          query: {
            presets: ['env', 'stage-0', 'react']
          }

from rekit.

supnate avatar supnate commented on July 28, 2024

Anyone could explain more on this? I've not been able to reproduce it for long time.

from rekit.

aumeunier avatar aumeunier commented on July 28, 2024

Have you tried packaging a project created with Rekit on an Ubuntu server for example ?
Basically, the "yarn build" runs completely but does not generate the main.js file.
It gives the following output.


Building, it may take a few seconds...
0% compiling
10% building modules
18.04% building modules
26.08% building modules
34.12% building modules
42.16% building modules
50.2% building modules
58.24% building modules
66.28% building modules
71% sealing
72% optimizing
73% basic module optimization
74% module optimization
75% advanced module optimization
76% basic chunk optimization
77% chunk optimization
78% advanced chunk optimization
79% module and chunk tree optimization
80% chunk modules optimization
81% advanced chunk modules optimization
82% module reviving
83% module order optimization
84% module id optimization
85% chunk reviving
86% chunk order optimization
87% chunk id optimization
88% hashing
89% module assets processing
90% chunk assets processing
91% additional chunk assets processing
91% additional asset processing
92% chunk asset optimization
94% asset optimization
100%

Couldn't parse bundle asset "[...]/build/static/main.js".
Analyzer will use module sizes from stats file.

Webpack Bundle Analyzer saved report to [...]/build/static/report.html
mv: no such file or directory: [...]/build/static/main.js
Done: 96855.161ms
Done in 100.50s.

Example of git status afterwards:

        modified:   build/index.html
        deleted:    build/static/bc54396771c64863193f7a3fe93d9cff.ttf
        deleted:    build/static/cbfd0298f008558557418d19abfc2f42.eot
        deleted:    build/static/dbf49360ba2857747beda5e7481c8fdf.svg
        deleted:    build/static/e31a701aa9b88125d36119acb8a10482.woff
        **deleted:    build/static/main.c6ec54afd7.js**
        modified:   build/static/report.html

index.html still links to <script src="/static/main.cfee5a4d4f.js"></script>

from rekit.

supnate avatar supnate commented on July 28, 2024

Thanks @mscottford , that would be much helpful if there's a way to reproduce it.

from rekit.

supnate avatar supnate commented on July 28, 2024

Now Rekit creates apps by create-react-app, this issue should be gone.

from rekit.

Related Issues (20)

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.