标签: create-react-app

我有一个带有create-react-app的小型React应用程序,它在运行后从本地服务器运行良好npm start.好到目前为止.

但是,当我运行时npm run build,该过程似乎正确执行(创建构建文件夹,其中包含捆绑的js文件和index.html文件),但是当我在浏览器中打开index.html时它什么也没有呈现.我错过了什么？

旁白:我也尝试将其上传到远程服务器,当我转到URL时,浏览器又回来了......

禁止访问:您无权访问此服务器上的/.

...如果有人知道如何解决这个问题,我也会很感激.

我有兴趣使用热模块替换与新创建的React应用程序.

Facebook Incubator的create-react-app使用Webpack 2,它可以配置为支持HMR,但是为了做到这一点,需要"弹出"create-react-app项目.

正如文档所指出的,这是一种"单向"操作,无法逆转.

如果我要这样做,我想知道我可能会放弃什么.我一直无法找到任何解释弹出的潜在缺点的文档.

我正在使用create-react-app关注React 的教程.该应用程序由create-react-app v1.3.0 创建

create-react-app my-app

开发服务器由运行

npm start

多次更改代码后,浏览器不会更新实时/热重新加载更改.刷新浏览器没有帮助.仅停止开发服务器并重新启动它才会捕获对代码的新更改.

我找不到关于"npm run build"工作的任何解释,

它简单易用,我得到的"build"文件夹效果很好,

但是,在create-react-app中,场景背后会发生什么？

它是一个完全不同的构建工具使用？

如果没有,它是否使用其他构建工具？

我有新的反应.我正在按照安装节点的教程步骤进行操作.但是,当我跑步时npm start,错误会一直显示出来.

Failed to compile.

./src/index.js
Module build failed: Error: Failed to load plugin import: Cannot find module 'eslint-plugin-import'
Referenced from: 
at Array.forEach (native)
at Array.reduceRight (native)

另外,我试图安装'eslint-plugin-import',但是徒劳无功......

npm install eslint-plugin-import -g

npm WARN eslint-plugin-import@2.7.0 requires a peer of eslint@2.x - 4.x but none was installed.

+ eslint-plugin-import@2.7.0

系统信息

eslint --version
v4.2.0

npm -v
5.2.0

npm list -g | grep eslint
??? eslint@4.2.0
? ??? eslint-scope@3.7.1
??? eslint-plugin-import@2.7.0
? ??? eslint-import-resolver-node@0.3.1
? ??? eslint-module-utils@2.1.1
??? eslint-plugin-react@7.1.0

我使用create react构建了一个app,默认情况下包含一个服务工作者.我想要运行的应用程序随时有人进入,除了当他们去/博客/,它是服务于一组静态内容给定的URL.我在应用程序中使用react路由器来捕获不同的URL.

我有nginx设置服务/博客/如果有人访问/博客/没有先访问react应用程序,它工作正常.但是,因为服务工作者的范围是./,所以当有人访问/ blog /以外的任何URL时,应用程序会加载服务工作者.从那时起,服务工作者绕过与服务器的连接,并且/ blog /加载react应用程序而不是静态内容.

除了/ blog /之外,有没有办法让服务工作者加载所有URL？

我有一个用create-react-app1.5 构建的React项目.我想create-react-app为我的React项目获得2.0 的功能.

具体来说我想用这个:https://github.com/facebook/create-react-app/pull/3909

我刚刚使用此命令创建了一个新的React应用程序:

create-react-app mysite.com

安装后,当我尝试使用npm start和打开它时yarn start,我收到以下错误.

throw new Error('custom keyword definition is invalid: '  + this.errorsText(validateDefinition.errors));
      ^

Error: custom keyword definition is invalid: data.errors should be boolean
    at Ajv.addKeyword (/Users/myAccount/Documents/Dev/Projects/ReactJS/mysite.com/node_modules/ajv/lib/keyword.js:65:13)

我该如何解决这个问题？

运行 create-react-app，我在 create-react-app 应用程序中收到错误消息：

要导入 Sass 文件，首先需要安装 node-sass。运行npm install node-sass或yarn add node-sass在您的工作区内。

我确实安装了 node-sass。

包.json：

  "devDependencies": {
    "node-sass": "^4.13.0"
  }

项目 node_modules 文件夹：

我已经卸载、重新安装、更新、清理缓存等。我该如何解决？

由于create-react-app隐藏Webpack配置而不必使用eject,如果我想使用像reactstrap或react-bootstrap之类的东西,我应该弹出还是我会没有弹出而没有弹出？

只是想eject知道他们需要什么时候才能使用他们需要的东西？在我的应用程序的这一点,我只是原型,但它将进一步与更多的依赖和诸如此类的东西.