【菜鳥搭建react項目之路3】【webpack】Content not from webpack is served from '/my-project/react-project/public' directory

起因：

啟動似乎沒報錯，但瀏覽器打開卻報錯。

找了好久，最后沒辦法了開始認真看終端打印的提示，結果還真找到一行奇怪的提示：

 

好家伙藏這么隱蔽，我一直以為這些問題不應該是明晃晃的紅色嗎😭

好的，找到問題原因了，接下來還蠻好解決。

 

解決方案：

webpack.config.js文件的module.exports里面添加：

devServer: {
    // contentBase: __dirname, -- 請注意，這種寫法已棄用
    static: {
      directory: path.join(__dirname, "/"),
    },
  },

 

提示：

• devServer.static.directory: 告訴服務器從哪里提供內容。本人認為應該用於填寫項目主要內容代碼的路徑。
• path.join()方法：將多個參數字符串合並成一個路徑字符串。
  path.join(__dirname,'app','view') 假如當前路徑是C:/react-projec，那么拼接出來的路徑就是C:/react-project/app/view
  path.join(__dirname,'/app','/view') 參數的/不會影響路徑的拼接，結果仍舊是：C:/react-project/app/view
  
  

使用的webpack版本：

"webpack-dev-server": "^4.5.0"

"webpack": "^5.64.3"

"webpack-cli": "^4.9.1"