问题标签 [create-react-app]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
15779 浏览

jquery - 'Uncaught ReferenceError: jQuery is not defined' with create-react-app

我正在使用create-react-app构建一个 React 应用程序,因此该应用程序已准备好服务器。

在导入诸如“affix.js”之类的引导 javascript 插件时,我收到错误“未捕获的 ReferenceError:jQuery 未定义”,并且页面不再加载。

我正在通过 index.js 文件导入所有模块,因为使用 create-react-app 它似乎从 index.html 文件加载了“src”和“link”导入。

我正在像这样导入引导插件: import 'bootstrap/js/affix.js'

已尝试在 index.js 文件的顶部通过以下方式导入 jquery,但没有一个有效:

  1. 从'jquery'导入jquery
  2. 从'jquery'导入jquery,window.$ = window.jQuery = jquery;
  3. 从“jquery”导入 jQuery
  4. 从'jquery'导入$
  5. 导入'jquery/dist/jquery.js';
  6. 要求('./node_modules/jquery/dist/jquery.js')

有任何想法吗?

0 投票
4 回答
38854 浏览

javascript - reactjs、bootstrap 和 npm 导入 - 未定义 jQuery

我正在尝试在我的反应应用程序中使用引导程序,但它给了我一个Error: Bootstrap's JavaScript requires jQuery. 我已导入 jquery 并尝试从其他帖子中尝试以下内容:

但是,我仍然收到not defined错误消息。

解决这个问题的唯一方法是把

进入 index.html

有没有办法导出 jquery 或让引导程序能够检测/读取它?

我通过调用我的引导程序

0 投票
1 回答
96 浏览

firebase - 尝试使用 Google 提供商向 Firebase 进行身份验证时出错

这是我的网站代码片段:

也试过

两个结果相同(signInWithPopup 显示立即关闭的弹出窗口)。

我得到相同的控制台错误:

直到几天前,这以前都可以正常工作。尝试了不同的浏览器,结果相同。

还尝试将 firebase npm 版本回滚到 6.6.4

任何帮助将不胜感激。

0 投票
1 回答
1431 浏览

javascript - Node.js 创建反应应用程序构建

我是 Web 开发的新手,我被要求使用我选择的工具创建一个单页应用程序。唯一的要求是它必须在 GlassFish 服务器上本地运行(在 NetBeans 中:Java Web > Web 应用程序)。我使用 Facebook 提供的 create-react-app 入门工具包来构建应用程序。当我运行时,npm run build我得到一个包含 html 文件和 js 文件的构建文件夹。但是当我双击 html 文件时,浏览器会打开并且只显示一个空页面。有谁知道我必须配置什么才能获得一个捆绑的 html 文件,当我打开它时显示应用程序?

谢谢

0 投票
1 回答
289 浏览

ecmascript-6 - create-react-app 不支持 `yield`?

我使用创建了一个项目,create-react-app但是当我使用关键字编写一些代码时yield,页面显示构建错误,声称 'Unexpected token' at yield

在此处输入图像描述

有没有办法yieldcreate-react-app项目中启用?

0 投票
2 回答
1334 浏览

google-chrome - 为什么以前项目的图标会覆盖我当前项目的图标

我上一个小组项目的图标现在出现在我创建的任何新项目中。是否有全局设置或我不知道的东西。我一生都无法弄清楚它是如何应用的或如何阻止它发生。任何想法或方向都会非常有帮助。

0 投票
1 回答
1067 浏览

deployment - nginx部署create-react-app构建文件夹时页面为空?

我只是把 build 文件夹放到了 nginx 服务器的根目录下,例如/var/www/html,但是什么都看不到。从浏览器检查时,root内容为空?

在此处输入图像描述

0 投票
1 回答
1459 浏览

node.js - Webpack 在自定义域上本地运行而没有套接字问题

我的设置:

使用 react-create-app 使用代理来使用服务器 API。(将 create-react-app 与服务器一起使用

由于 Yahoo oAuth2 API 不允许 localhost:**** 或 127.0.0.1:**** 在其 URL 回调链接中。

在那里我必须首先创建一个 Nginx 代理将 localhost:3000 发送到端口 80,然后我将 localhost 重新路由到 -> mywebsite.dev

好吧,如果我使用的是简单的 node.js 服务器,这个设置可以正常工作:

  1. 按登录按钮到 yahoo (/auth)
  2. 在服务器上进行身份验证并发送到回调 URL (mywebsite.dev/callback)
  3. 在同意雅虎条件后,我被重新路由到 /callback,我可以很好地使用 API

但是在使用 create-react-app 设置时,我遇到了问题。

A)启动服务器时一切正常,我转到 mywebsite.dev 但后来我得到了这个: 错误信息 我收到错误 webpack-dev-server 正在尝试收听 localhost:**** 并且因为 url 是 mywebsite。 dev 它给出了这个问题,我无法解决它!

所以问题是我如何让 Webpack 知道我的本地服务器在 mywebsite.dev 而不是 localhost:**** ?

相关:链接 1 - 类似问题链接 2 - node.js 自定义域名

0 投票
2 回答
1105 浏览

reactjs - 无法让 create-react-app 工作

我正在尝试让 create-react-app 工作。最初我有一个 React 应用程序可以工作,但决定让它成为 ES6+ 语法而不是 ES5,这让我大吃一惊。经过几个小时的调试,我决定重新开始并删除所有内容。

我在服务器上工作,而不是在本地工作(如果这有区别的话。)我第一次设置 React 时遵循 https://tylermcginnis.com/react-js-tutorial-1-5-utilizing-webpack-and- babel-to-build-a-react-js-app/并得到了一些工作,但是当我偶然发现https://egghead.io/lessons/react-react-fundamentals-development-environment-setup并决定尝试创建-反应应用

我按照说明进行操作(npm create-react-app i -g然后运行create-react-app my-app。当我 cd 进入时,我发现只有一个准系统 package.json 文件……我以为我应该得到一个基本上不需要配置的入门结构……但它只创建文件夹和package.json 文件。我一直在努力搜索,但似乎找不到有类似问题的人。任何帮助将不胜感激。

除非我误解了,否则 create-react-app 的目的是避免修改 webpack.config.json、babel.rc 或从头开始设置 package.json。我错过了什么吗?

0 投票
0 回答
287 浏览

javascript - create-react-app 弹出后的大量节点模块

我运行 create-react-appject 是因为我想在项目中使用 LESS。这样做之后,我注意到我的项目中 node_modules 下的模块数量显着增加。我用 create-react-app 启动了另一个项目,在创建应用程序后,我注意到 node_modules 下有大量的模块。这是在创建没有弹出运行的应用程序之后立即发生的。我尝试重新安装 create-react-app、node 和 npm,但没有任何东西会将 node_modules 恢复为默认配置。我不明白为什么弹出一个应用程序会影响我将来创建的所有应用程序的配置。