React dom - 从src / app.js渲染到public / scripts / app.js

时间:2018-01-25 11:02:11

标签: reactjs npm-liveserver

我开始学习React DOM。 我几天前已正确安装了所有组件,而且我的第一个应用程序已经正常运行。

现在我在我的应用程序中从src / app.js渲染到public / scripts / app.js时出现问题。当我修改src / app.js时 - 没有渲染到public / scripts / app.js。

我的实时服务器工作正常并且可以进行更改,但是当我保存src / app.js的更改时,这并没有修改public / scripts / app.js。

我在Windows上..

Thanx寻求帮助。

1 个答案:

答案 0 :(得分:0)

脚本中app.js内的主文件不知道您在src中的App.js文件中所做的更改。 React不提供此功能。你需要手动完成。您需要在package.json文件中安装 Babel 。 打开具有文件位置路径的终端,并在那里安装 Babel-Cli

npm install babel-cli --save

现在,使用您的文件位置路径打开另一个终端并点击以下命令:

babel src/App.js --out-file=public/scripts/app.js --presets=env,react -watch

现在离开这个终端吧。它会将您的ES6 javascript从src转换为脚本文件夹。 确保在工作时将该终端保持打开状态。 希望这有效。