Question

我想在创建shopify应用程序时加快开发时间。我花了很多时间等待页面通过ngrok门户重新加载，以便我可以看到所做的更改。

我想启用HMR，以便重新加载更快。

我目前正在使用rails 6，并通过webpack与shopify北极星反应组件进行反应。

我很难使./bin/webpack-dev-server --hot运行，因为它出现在另一个端口上并且可以触发Shopify CORS错误。我设法通过ngrok隧道实现了这一目标。

然后，我尝试遵循此https://gaearon.github.io/react-hot-loader/getstarted/，但是我无法继续进行，尽管更改看起来正在服务器上进行编译，但页面从未更新。我目前已经还原了index.js文件，没有进行热加载更改。感谢您对正确设置index.js文件设置的任何帮助。

我的index.js文件如下：

// Run this example by adding <%= javascript_pack_tag 'hello_react' %> to the head of your layout file,
// like app/views/layouts/application.html.erb. All it does is render <div>Hello React</div> at the bottom
// of the page.

import React from 'react'
import ReactDOM from 'react-dom'
import { BrowserRouter as Router, Route } from 'react-router-dom'
import { AppContainer } from 'react-hot-loader';
import App from '../components/App'


document.addEventListener('DOMContentLoaded', () => {
  ReactDOM.render(
    <Router>
      <Route path="/" component={App} />
    </Router>,
    document.body.appendChild(document.createElement('div')),
  )
})

有人通过Ngrok让HMR与shopify合作吗？很高兴知道是否有可能。

我也会对任何其他shopify应用程序节省时间的提示感兴趣（可能还有许多其他提示！）！

非常感谢所有帮助！

是否可以使用react webpacker在shopify rails应用程序上启用HMR？

0 个答案: