在項目中，使用npm run hot時，無法加載 http://localhost:8080/js/app.js 以及 http://localhost:8080/css/app.css

版本

• Laravel Framework: 5.4.27
• laravel-mix version: 0.12.1

引用時使用 mix() 方法

<link rel="stylesheet" href="{{ mix(‘css/app.css‘) }}">
<script src="{{ mix(‘js/app.js‘) }}"></script>

在webpack.config.js中，第324行的對象裏面，加上

contentBase: "./public"

如下

module.exports.devServer = {
     headers: {
        "Access-Control-Allow-Origin": "*"
    },
    historyApiFallback: true,
    noInfo: true,
    compress: true,
    quiet: true,
    contentBase: "./public"
};

或者在mix的路徑前面加上public

<link rel="stylesheet" href="{{ mix(‘public/css/app.css‘) }}">
<script src="{{ mix(‘public/js/app.js‘) }}"></script>

來源：https://github.com/JeffreyWay/laravel-mix/issues/830

@nickknissen

laravel-mix 熱重載404的問題