问题标签 [react-starter-kit]

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 投票
1 回答
1468 浏览

reactjs - react UI 组件库的构建脚本

我是 Webpack 的新手,老实说,它仍然让我有些困惑。我想从我的 react 构建中创建一个可共享的 UI 组件库(使用 react-starter-kit 作为它的基础)。有没有办法将我的 webpack 配置配置为输出文件,然后我可以将这些文件作为 NPM 模块导入另一个项目并导入组件?

当前设置源文件夹:

使用 react starter kit 的默认设置..它的默认 webpack.config: https ://github.com/kriasoft/react-starter-kit/blob/master/tools/webpack.config.js

如果我将构建脚本作为 /components/index.js 作为入口点运行,则生成的脚本不会给我我需要的东西。

有任何想法吗?

0 投票
1 回答
78 浏览

github - 将 React Starter Kit 网站导入 github

我使用 React Starter Kit 编写了一个网站,现在我想将其导入 github。

我尝试使用 github 的说明导入它,但它导入了原始存储库的克隆,并带有关于先前提交的注释。很奇怪。

无论如何,如何将我的新网站导入 github?

谢谢,瑞安

0 投票
1 回答
418 浏览

javascript - 添加 jquery 以响应初学者工具包

我是 Javascript 世界的新手,开始创建一个简单的 React 项目我从React Starter Kit开始,并添加了我的第一个模块,它是一个简单的上传文件:

上传文件。

但是当我打开页面时,编译(在服务器中)给出以下错误:

谁能帮忙?为什么要在服务器中运行客户端代码?

0 投票
0 回答
565 浏览

authentication - 从同构 js 应用程序在服务器端进行身份验证

嗨,我正在开发一个使用 passport.js 进行身份验证的同构反应应用程序。

我的问题是请求可以来自客户端,也可以来自服务器。如果请求来自客户端,则它已通过身份验证并且一切正常。但是,如果请求来自服务器,则身份验证失败:(

服务器(为清楚起见删除了很多):

/api/数据:

路线:

0 投票
4 回答
13058 浏览

javascript - package.json 中节点和浏览器的不同主入口点

在我拥有的同构反应应用程序中myModule,它在节点和浏览器环境中的行为应该不同。我想将这个分割点配置package.jsonmyModule

package.json

file structure

所以当我myModule节点中使用时,我应该只得到myModule.server.js

server.js

浏览器端应仅使用以下方式构建捆绑包 myModule.client.js

browser.js

react-starter-kit使用这种方法,但我不知道这个配置在哪里定义。


动机

  1. package.json进行这种拆分是很好的语义点。
  2. 客户端捆绑包仅包含myModule.client.js.

已知的解决方案 - 不是我的答案

你可以有这种文件结构:

并在index.js

这样做的主要问题是客户端捆绑包包含大量繁重的 kB 后端代码


我的 webpack 配置

我包括我的webpack.config.js. 奇怪的是,这个配置总是指向myModule.client.js浏览器和节点。

0 投票
1 回答
1529 浏览

reactjs - 错误:服务器意外终止,代码:空信号:SIGTERM

我是反应初学者工具包的新手。按照我所做的事情

  1. git clone -o react-starter-kit -b master --single-branch https://github.com/kriasoft/react-starter-kit.git MyApp
  2. npm 安装
  3. npm start [解决这个问题]

请帮忙。

0 投票
1 回答
223 浏览

reactjs - React 入门套件 Hello World 程序错误

我正在尝试按照反应教程的建议制作一个“Hello World”程序。

但我在根目录helloworld.js下创建。当我尝试运行时,我什么也没有发生(完全)。当我尝试运行下面描述的错误时。srchelloworld.htmlhelloworld.htmlhelloworld.js

babel 有问题吗?

错误截图

html

0 投票
0 回答
71 浏览

reactjs - 对等依赖不匹配 React Starter 工具包

我正在为 WebStorm 中的 React 入门工具包设置而苦苦挣扎。

运行npm install给出一个或其他错误,例如“babel-eslint 需要 eslint < “2.2.0,未安装”的对等点。当我安装 eslint <“2.2.0”时,eslint-config-airbnb 对 eslint 有对等点依赖2.2.0。

当我运行npm install.

0 投票
1 回答
222 浏览

node.js - 节点 server.js 不工作 ror react starter kit

我试图使用反应入门套件。

几个小时前,我能够在本地服务器上运行我的 html 代码。我通过“node server.js”启动服务器。但现在我无法运行我的应用程序。

每当我尝试运行它时,我都会显示这样的网页。我在运行“node server.js”时遇到这样的错误。

我知道这意味着端口 3000 已经在使用中,但是当我第一次启动它时它也不起作用。这一切都是几个小时前的工作。

服务器.js

这是hello.html

0 投票
1 回答
67 浏览

node.js - 在 React Starter Kit 中包含 npm 库的预期方式是什么?

我正在使用React Starter Kit并想为我的 css 和 javascript(即引导程序)使用一个 npm 模块。

如何正确集成它?简单地安装它并不能使其在服务器上可用。