Babel.js 无法访问从“dist”文件夹上传的页面

bsxbgnwa  于 2023-08-01  发布在  Babel
关注(0)|答案(1)|浏览(134)

我用babel和webpack做了一个react项目。在使用Babel转译了main.jsx(我的jsx文件名)之后,我使用命令'npx webpack'我得到了main.js文件以及输出,但是当我在github上传main.js,index.html和style.css时,页面无法工作。请告诉我我需要执行的步骤,以及Webpack生产是否会解决这个问题?

avwztpqn

avwztpqn1#

要构建产品,你需要在你的项目文件夹中运行这个命令npm run build,这将创建一个名为“dist”的新文件夹,其中包含所有的产品代码。你可以查看react文档了解更多关于这一步的信息,https://create-react-app.dev/docs/production-build/然后,上传到GitHub你可以按照以下步骤How to upload a project to GitHub
请记住,上载文件必须与dist文件夹中的文件位于同一结构树中,例如:如果是这样:

dist/index.html
dist/assets/index.css
dist/assets/index.js

字符串
你不能将它上传到GitHub(如果你不使用Git手动上传),如下所示:

index.html
index.css
index.js


你必须保持树结构在dist文件夹.

相关问题