laravel-mix 热重载404的问题

在项目中，使用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>

　　

在\node_modules\_laravel-mix@1.0.0@laravel-mix\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>

　　

或者删除package.json 的 laravel-mix 依赖，同时删除 laravel-mix 模块，重新 npm install laravel-mix --save-dev 升级到最新版

 

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

@nickknissen