我试着通过谷歌搜索这个问题。但对我没用。
我有一个create-react-app演示。
在localhost（npm start）中运行它，当浏览器禁用缓存时效果很好。例如：
localhost
该步骤在localhost.then npm run build中运行scp -r build server:/home/deploy/app/。由nginx运行。
然后打开浏览器运行，初始化或在禁用缓存时缓慢刷新。例如：
server
你可以在服务器中找到加载500KB js文件需要15秒。
我猜这是与带宽的关系。我的服务器带宽是1M / s。但我不确定。
ps：对不起，我忘了宣布具体的环境，但我做了这些步骤。
答案 0 :(得分：0)
您是否错过构建步骤？
如果是，请尝试npm run build或yarn build。它会将您应用的优化版本输出到./build目录。然后，您可以使用nginx或其他服务器设置将其托管在您的服务器上。
更多信息：official docs
当您执行npm start时，npm会启动您应用的开发版。
它包括一些调试代码，错误检查和实时刷新。
答案 1 :(得分：0)
如果您在生产中运行此功能，我建议您不要在服务器上运行带有npm start的网络应用程序。
更好的解决方案是运行npm run-script build，您可以通过该Creating an optimized production build...
Compiled successfully.
File sizes after gzip:
48.12 KB build/static/js/main.9fdf0e48.js
288 B build/static/css/main.cacbacc7.css
The project was built assuming it is hosted at the server root.
To override this, specify the homepage in your package.json.
For example, add this to build it for GitHub Pages:
"homepage" : "http://myname.github.io/myapp",
The build folder is ready to be deployed.
You may serve it with a static server:
sudo npm install -g serve
serve -s build
获得响应：
serve -s build你可以做?>
<p class="form-field">
<label for="related_ids"><?php _e( 'Name of te field', 'woocommerce' ); ?></label>
<select class="wc-product-search" multiple="multiple" style="width: 50%;" id="related_ids" name="related_ids[]" data-placeholder="<?php esc_attr_e( 'Search for a product…', 'woocommerce' ); ?>" data-action="woocommerce_json_search_products_and_variations" data-exclude="<?php echo intval( $post->ID ); ?>">
<?php
foreach ( $product_ids as $product_id ) {
$product = wc_get_product( $product_id );
if ( is_object( $product ) ) {
echo '<option value="' . esc_attr( $product_id ) . '"' . selected( true, true, false ) . '>' . wp_kses_post( $product->get_formatted_name() ) . '</option>';
}
}
?>
</select> <?php echo wc_help_tip( __( 'Tooltip text', 'woocommerce' ) ); ?>
</p>
<?php
或设置nginx或apache来提供文件（它只是html，css和js）。您也可以使用Github Pages来托管它。