webpack-dev-server 插件問題 Content not from webpack is served from

在安裝了webpack-dev-server插件後啓動 然後一直報錯  Content not from webpack is served from  XXXX

在瀏覽器中訪問  一直顯示cannot    /

 

解決辦法

在wenbpack.config.js 的配置文件中加入輸出文件路徑配置

    devServer:{

       static:{

            directory:path.join(__dirname,'/')

       }

   }

 

const path=require('path')



module.exports={
    mode:'development',   //development 開發環境  product 生產環境
    entry:path.join(__dirname,'./src/index.js'),
    output:{
        path:path.join(__dirname,'./dist'),
        filename:'main.js'
    },
    devServer:{
        static:{
            directory:path.join(__dirname,'/')
       }
    }

}