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>

  

在 ode_modules\_laravel-mix@1.0.0@laravel-mixwebpack.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

原文地址:https://www.cnblogs.com/NKnife/p/7054628.html