问题标签 [react-starter-kit]

在我的 Page/Page.js 组件中，我试图基于称为“模块”的模块数组在 REACT 中动态加载模块。目前我列出了所有模块，并为模块数组中的每个模块创建了组件。

我开始看这个博客 http://moduscreate.com/code-splitting-for-react-router-with-es6-imports/

我尝试使用System.import导入

我收到错误：

同样在节点控制台中，我得到了这个：

这是我的目录树

我是 webpack 的新手，在我的 React 设置中安装 font-awesome 时遇到了麻烦。

我跑过：

然后在我的主.scss文件中，我正在调用：

在我的webpack.config.js我有：

但在编译时：yarn start我得到错误：

这是我的 webpack 设置的问题吗？装载机有问题？还是路径有问题？还是字体本身有问题？

任何帮助都会很棒。

重新加载动态页面时出现此错误。

错误：无法在 Object.didPutListener (SimpleEventPlugin.js:210) 的 Object.getNodeFromInstance (ReactDOMComponentTree.js:172) 的 precacheChildNodes (ReactDOMComponentTree.js:96) 的不变量 (invariant.js:38) 中找到 ID 为 275 的元素在 Object.putListener (EventPluginHub.js:143) 在 Object.putListener (ReactDOMComponent.js:176) 在 CallbackQueue.notifyAll (CallbackQueue.js:76) 在 ReactReconcileTransaction.close (ReactReconcileTransaction.js:80) 在 ReactReconcileTransaction.closeAll (Transaction .js:206) 在 ReactReconcileTransaction.perform (Transaction.js:153)

和

Uncaught (in promise) TypeError: Cannot read property 'remove' of undefined at Object.willDeleteListener (SimpleEventPlugin.js:220) at Object.deleteAllListeners (EventPluginHub.js:201) at ReactDOMComponent.unmountComponent (ReactDOMComponent.js:976) at Object .unmountComponent (ReactReconciler.js:79) 在 ReactCompositeComponentWrapper.unmountComponent (ReactCompositeComponent.js:418) 在 Object.unmountComponent (ReactReconciler.js:79) 在 Object.unmountChildren (ReactChildReconciler.js:146) 在 ReactDOMComponent.unmountChildren (ReactMultiChild.js :373) 在 ReactDOMComponent.unmountComponent (ReactDOMComponent.js:974) 在 Object.unmountComponent (ReactReconciler.js:79)

在这个动态页面中，我有一个原始 html，在其中我用组件 react-image-gallery 替换了 @gallery{Id}@ 的部分。我不能解决这个问题，因为在我有 2 个画廊的动态路径中，它运行良好，并且具有服务器端导航和重新加载页面。但是在使用相同动态组件的特定动态路径中，我仅在重新加载时才会收到此错误，这意味着如果复制链接并将其粘贴以立即访问此页面，我会收到此错误。通过使用检查我看到

但我应该看看

我认为这是因为要添加更多画廊（更多数据）。问题是，当我使用服务器端导航导航到那里以及重新加载页面时，当我得到要渲染的对象数组时是相同的。我通过这样做得到数组。

我在一个项目中工作，其中一些依赖项是自制的 UI 库组件。

这些组件有其适当的.css文件。源结构是这样的：

相同的结构发布在构建文件夹中，每个.js文件都转换为生产兼容的 JavaScript 格式。

我使用React-Starter-Kit使用此模块 vw 的项目，当我尝试使用yarn startor启动服务时npm start，出现以下错误：

我想问题是关于 babel 试图读取.css文件，但我想知道是否有人有一个很好的方法来避免这种问题，使用我现在使用的实际样板（React Starter Kit）。

更新

我忘了提这个。如果我使用相对路径 sintax 导入该模块：

它按预期工作，显然有合成糖导入很好

谢谢。

我需要一些帮助来改善我的构建时间。我将我的 webpack 配置文件升级到版本 2，但构建时间比以前更糟。完成构建至少需要 3 分钟。

这是我的 webpack 文件

这是我的 start.js 文件

我正在使用 react-starter-kit 但它是原始版本的略微修改版本。我尝试将 css-loader 降级到 0.14.5 以查看改进但没有区别。此外，从 UglifyJSPlugin 中删除了 sourceMap。任何帮助都值得赞赏！

我想将 Relay Modern 添加到从react-starter-kit开始的我的应用程序中。relay-compiler需要一个模式定义文件（schema.graphql），我该如何生成它？

我们正在研究使用 React 构建内容发布网站的框架/库，关键要求是通常的 SEO、页面速度以及服务器端渲染的易用性。有没有人在生产环境中为中型应用程序使用React Starter Kit的经验？有人试过Next.js吗？

我是 React 工具包和框架的新手，据我了解，RSK 只是一个同构样板，next.js 也是同构的，尽管具有服务器端渲染。他们如何比较以及在什么情况下可能会起作用？我不一定要寻找一个易于组合的样板，而是一个具有强大基础并且可以证明在生产中使用的库/框架。

我已经很好地实现了react-static-boilerplate但需要让它与 SASS 一起使用。我已经尝试按照how-to-use-sass.md进行操作，但无济于事。

有人可以提供一个可行的例子吗？很高兴看到将来参考的确切方法。

这是我所拥有的，但它不起作用：

这是它的 GIF：http: //www.giphy.com/gifs/3oKIP7arhKhNzNzytq

如您所见，每当我单击它时，它都不会选择。

这是我在 webpack 中工作的确切代码： https ://www.webpackbin.com/bins/-KoaaPYxDno695fiUBMn

但在我的初学者工具包环境中，它似乎不起作用。但是，复选框似乎有效。有任何想法吗？

编辑：我也有 react-tap-event-plugin 并且我在我的 client.js 文件的顶部调用了它。还尝试在我的 Location.js 文件顶部。

这是我的完整依赖列表：

I would like to use resolve.alias feature from webpack in my projects using React Starter Kit.

For example:

Instead this:

I would like to use

I've added this configuration on config.js file:

This resolve.alias enables aliases for projects bundled with webpack but doesn't working with React Starter Kit.