<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>v4 | SDT 攻城獅區</title>
	<atom:link href="https://sdt.hameba.tw/tag/v4/feed/" rel="self" type="application/rss+xml" />
	<link>https://sdt.hameba.tw</link>
	<description>由Steven, Der, Ted 三位高級打字員所組成，是三位工程師(攻城獅)所維護的技術分享平台，或許偶爾會分享一些日常，有任何問題或是錯誤的部分，歡迎留言告訴我們！</description>
	<lastBuildDate>Thu, 27 Feb 2020 16:33:02 +0800</lastBuildDate>
	<language>zh-TW</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.3</generator>

<image>
	<url>https://sdt.hameba.tw/wp-content/uploads/2020/02/hameba_favicon-150x150.png</url>
	<title>v4 | SDT 攻城獅區</title>
	<link>https://sdt.hameba.tw</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>React webpack v3 升級 v4 錯誤訊息</title>
		<link>https://sdt.hameba.tw/495/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=react-webpack-v3-%25e5%258d%2587%25e7%25b4%259a-v4</link>
				<comments>https://sdt.hameba.tw/495/#respond</comments>
				<pubDate>Sun, 26 Jan 2020 16:20:51 +0000</pubDate>
		<dc:creator><![CDATA[Hsu Steven]]></dc:creator>
				<category><![CDATA[Other]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[react]]></category>
		<category><![CDATA[v3]]></category>
		<category><![CDATA[v4]]></category>
		<category><![CDATA[WebPack]]></category>

		<guid isPermaLink="false">https://sdt.hameba.tw/?p=495</guid>
				<description><![CDATA[<p>今天嘗試將就專案的webpack從v3升到v4，結果webpack-dev-middleware，一開啟一直跳 &#8230; </p>
<p class="link-more"><a href="https://sdt.hameba.tw/495/" class="more-link">閱讀全文<span class="screen-reader-text">〈React webpack v3 升級 v4 錯誤訊息〉</span></a></p>
The post <a href="https://sdt.hameba.tw/495/">React webpack v3 升級 v4 錯誤訊息</a> first appeared on <a href="https://sdt.hameba.tw">SDT 攻城獅區</a>.]]></description>
								<content:encoded><![CDATA[<p>今天嘗試將就專案的webpack從v3升到v4，結果webpack-dev-middleware，一開啟一直跳出此錯誤訊息：</p>
<p><span id="more-495"></span></p>
<p>You are currently using minified code outside of NODE_ENV === &#8216;production&#8217;. This means that you are running a slower development build of Redux. You can use loose-envify (https://github.com/zertosh/loose-envify) for browserify or DefinePlugin for webpack (http://stackoverflow.com/questions/30030031) to ensure you have the correct code for your production build.</p>
<p>找了很多文章，都是說在webpack.config.js加上此句，</p><pre class="crayon-plain-tag">new webpack.DefinePlugin({
            'process.env': {
                NODE_ENV: JSON.stringify('development')
            }
        })</pre><p>或是將react-router從v3升級v4，但我原本就使用4.0.0了，但還是嘗試升級看看，</p>
<p>反而我從4.0.0升到4.0.5又出現其他錯誤訊息，只好將回4.0.0版本，</p>
<p>不管怎麼在設定檔案上做NODE_ENV的參數，都會報錯，</p>
<p>後來看到此command設定：</p><pre class="crayon-plain-tag">"dev": "webpack --mode development",

    "build": "webpack --mode production"</pre><p>好像可以解決我的問題，但我又發現我是使用webpack-dev-middleware，</p>
<p>並沒有地方可以設定command，幸好在原本的webpack.config.js可以加上此參數</p>
<p><span style="color: #ff0000"> mode:&#8221;development&#8221;</span></p><pre class="crayon-plain-tag">module.exports = {
    mode:"development",
    //入口文件
    entry:{
        'webpack-hot-middleware/client',
        path.resolve(__dirname, 'react')
    },
...
...</pre><p>設定完後，重新啟動start:dev，就沒有在跑出此錯誤訊息了！</p>
<p>mode此參數為v4所新增的。</p>
<p>&nbsp;</p>
<p>Reference</p>
<p><a href="https://blog.csdn.net/jiang7701037/article/details/80682662" target="_blank" rel="noopener noreferrer">https://blog.csdn.net/jiang7701037/article/details/80682662</a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>The post <a href="https://sdt.hameba.tw/495/">React webpack v3 升級 v4 錯誤訊息</a> first appeared on <a href="https://sdt.hameba.tw">SDT 攻城獅區</a>.]]></content:encoded>
							<wfw:commentRss>https://sdt.hameba.tw/495/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
							</item>
	</channel>
</rss>
