Comments (14)
How do you run it? You need to star dev server with npm start
in project directory
from react.
I see what you mean, that's fine. But I've developed it on this framework, and now I need to build a package, which is the dist folder.In this folder(dist),I ran index.html, which shows the blank, which is what I've just done. -------Thank you very much for your reply! (from a Chinese guy who is working overtime)
from react.
You need to run a server, which will server index.html and assets, what you can do with running npm run server
or node server
or with php for example, in this case you have to run php -S localhost:8080
in dist folder.
from react.
You can also deploy this code to surge
for example and they will do this for you
from react.
Thank you for your reply .I did what you said, and if you use your empty project, no problem. However, after I have developed on your foundation, the build comes out wrong.
My package.json
from react.
.babelrc
I think my question should be here. What do you think?
from react.
Try to move transform-runtime
and transform-decorators-legacy
out of development plugins to just plugins
like here:
I think this may be it. Because transform-runtime
is needed while building the project and that is happening in production env (you can see in packages.json
: "build": "NODE_ENV=production webpack --config ./webpack.production.js --profile --colors"
). Give it a shot and let me know if it helped
from react.
Now I can look at the interface, but the style is not normal .
from react.
If you wrote API in server.js, you have to run it as well. It is preconfigured to also serve builded project, so if you run npm run server
both of them - api and react app should work, php -S localhost:8080
is not an option in this case
from react.
Did it worked? @shiran1992
from react.
I'm very sorry. I have been busy lately. I didn't pay attention to git news. Then you offered the solution, I tried it, the style was problematic, and then I didn't find the solution. Over the weekend, I used the scaffolding create-react-app provided by facebook's official website to move the previously written functional code, which is now running smoothly.
from react.
I just found out that there is a problem that after the migration, the CSS properties that were used to limit the number of content rows in
are not working, so please help me to check it. It was this before, and it worked.
from react.
JetBrains, I adore this company. Are you near here?
from react.
I'm glad it worked out for you. Switching to another build setup shouldn't have any effect how css works. If you have some css preprocessors which modifies them, then it might, but I don't believe so. Check compiled css in you browser. Yeah, they're just next door :)
from react.
Related Issues (11)
- React transform is not available due to Babel version
- What is the best method fo loading static resources? HOT 6
- nothing on screen HOT 1
- Windows support HOT 1
- Use enzyme for testing
- Deploying to Heroku HOT 3
- Hanging Webpack Build
- Api proxy doesn't seem to be working for me
- ESLINT requires node5 HOT 1
- Module build failed: ModuleBuildError: Module build failed: Error: Node Sass does not yet support your current environment: OS X 64-bit with Unsupported runtime (64) For more information on which environments are supported please see: HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react.