1. Toy模板网首页
  2. > Toy博客

React 更改程序入口点（index.js文件位置变更）

9月前 作者：橙南花已开 分类：Toy博客 阅读(36) 违法举报

这篇具有很好参考价值的文章主要介绍了React 更改程序入口点（index.js文件位置变更）。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

        食用前提示：本文基于已经快速配置好的React环境而作，配置React环境详见拙作：React环境配置-CSDN博客~

 一、了解默认入口点

        使用create-react-app快速搭建react环境后，npm start启动程序的默认入口点为/src/index(即src目录下的index.js文件）

React 更改程序入口点（index.js文件位置变更）,前端开发,javascript,react.js,前端

 二、找到配置信息位置

        此时我们想更改index.js所在目录，除了需要更改相应的引用（更改时vscode会自动提示是否更新相关引用）之外，还需要重新设置入口点。

        路径：node_modules ->react-scripts->config->paths.js

React 更改程序入口点（index.js文件位置变更）,前端开发,javascript,react.js,前端

三、更改path.js文件中的地址信息

        切记，该文件中不止一处appIndexJs需要更改，一定要更改所有的地址并保存

React 更改程序入口点（index.js文件位置变更）,前端开发,javascript,react.js,前端

        完成以上步骤后保存文件信息更改 重新npm start验证即可~如有问题，欢迎评论or私信交流讨论，共勉ovo~文章来源地址https://www.toymoban.com/news/detail-825525.html

到了这里，关于React 更改程序入口点（index.js文件位置变更）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处： 如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：
领支付宝红包 赞助服务器费用

相关文章

  • vue前端开发中，通过vue.config.js配置和nginx配置，实现多个入口文件的实现方法

    由于vue为单页面项目，通过控制组件局部渲染，main.js是整个项目唯一的入口，整个项目都在一个index.html外壳中。 若项目过大，会造成单页面负载过重；同时，多页面利于模块独立部署。 如果项目中不同的页面需要不同的main.js和App.vue这样就需要配置多个入口了。 要单独将页

    2024年01月22日
    浏览(90)
  • springboot 出现 Cannot resolve MVC View ‘index‘ 问题解决办法，前后端不分离项目前端文件存放位置，已经如何访问

    springboot 出现 Cannot resolve MVC View ‘index‘ 问题解决办法，前后端不分离项目前端文件存放位置，已经如何访问

    简介：本文讲解，在springboot不分离的项目中，前端的文件存放的位置，和Cannot resolve MVC View ‘index‘ 这个报错怎么处理。 我们需要把 html 相关的页面放在 resource 的 templates 的下面，然后 js,css 相关的文件需要放在 static 下面 我现在想要访问这个 index.html ，需要注意的是 @Con

    2024年04月12日
    浏览(48)

  • BLHeli_S 代码分析---BLHeli.asm入口函数位置分析

    查询网络资料 汇编 代码入口位置就是 Flash 的开始位置也就是0x0000位置。 在 BLHeli.asm 文件中并未找到 0x00的位置运行相应函数，找任意一个种类电调头文件查看，此处我们查看 AIKON_Boltlite_30A.inc 文件，在该文件中找到对应0x00位置。 对应代码如下所示 由代码可知，从0x00位置开

    2024年01月19日
    浏览(45)
  • yarn安装和更改安装包位置、缓存位置

    yarn安装和更改安装包位置、缓存位置

    安装命令，用管理员身份打开cmd执行： 查看bin目录命令： 查看global目录命令： 查看cache目录命令： 修改bin目录路径，一般默认在node目录下(先查看，如果是，则不改)： 修改安装包位置： 修改缓存位置：   设置环境变量：  查看yarn版本：    问题一：  在vscode使用时，可

    2024年02月15日
    浏览(48)
  • 导入微信小程序出现的错误： app.json app.json 未找到，未找到入口 app.json 文件,或者文件读取失败,请检查后重新编译。小程序app.json报错

    导入微信小程序出现的错误： app.json app.json 未找到，未找到入口 app.json 文件,或者文件读取失败,请检查后重新编译。小程序app.json报错

    相信很多新手小宝贝在导入别人的微信小程序文件时肯定遇到过这个问题，然后去网上查了很久，却还是解决不了这个问题。接下来，我来告诉大家怎么一招解决这个问题： 类似下面这些文件，不要直接选择这些它，不然会直接报错 一定要双击点进去，到下一层再选择文件

    2024年02月11日
    浏览(52)
  • 小程序[ pages/index/index.json.json 文件错误] pages/index/index.json: Empty file is NOT a valid json file

    小程序[ pages/index/index.json.json 文件错误] pages/index/index.json: Empty file is NOT a valid json file

    错误 改正 index.json中的 { } 被删了重新加上就可以  

    2024年02月11日
    浏览(59)

  • 更改Docker的存储位置

    要更改Docker的存储位置，可以按照以下步骤进行操作 （如果该文件不存在，请创建它） 在配置文件中添加或更新以下内容，将 data-root 的值更改为新的存储路径（确保新路径存在并具有写入权限）： 现在，Docker的数据存储地址已成功更改为新的路径。请确保在进行这些更改

    2024年02月04日
    浏览(44)
  • 如何更改conda环境位置

    如何更改conda环境位置

    参考Anaconda 安装及修改环境默认位置。 然后，如果进行环境操作，应该就可以了。如果不行，还可参考修改conda环境安装路径，解决环境默认安装在C盘问题中2，3步操作 参考告别窘迫：修改conda环境和缓存默认路径. 一开始，我的包缓存路径是这样的： 然后，更改我的 C:Us

    2024年02月11日
    浏览(37)

  • 在React中使用公共文件夹public，导入js

    在React中， %PUBLIC_URL% 代表： public的文件夹的绝对路径。 如果在index.html中，你可以像这样去使用它： 只有前缀public可以访问文件夹中的文件 %PUBLIC_URL% 。如果需要使用src或中的文件node_modules，则必须将其复制到那里以明确指定将此文件作为构建的一部分的意图。 当运行npm

    2024年02月11日
    浏览(43)
  • 更改AndroidStudio模拟器位置

    更改AndroidStudio模拟器位置

    C盘何等的珍贵，可是好多工具，软件非得默认安装在C盘。。导致C盘越来越紧张。。 在日常使用过程中，安装任何软件都会将其安装到非系统盘下，Android模拟器也不能例外。保护好C盘也是日常一个良好的习惯。 Android AVD模拟器默认路径为 ： c:user用户名.androidavd 1、在D盘建

    2024年02月04日
    浏览(52)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包，优惠每天领

二维码1

领取红包

二维码2

领红包