---
# System prepended metadata

title: 例外發生：The Mix manifest does not exist.
tags: [Laravel]

---

# 例外發生：The Mix manifest does not exist.

![](https://i.imgur.com/U9AYItI.png)

這是因為在 `resources/views/layouts/app.blade.php `中使用 `mix()` 方法，而還未運行 Laravel Mix 進行編譯找不到 `mix-manifest.json` 文件才會報錯。

使用 Bootstrap 5 前，需先執行以下命令：
`$ composer require laravel/ui`

上面的命令安裝完後，使用以下命令引入 Bootstrap 5：
```
$ php artisan ui bootstrap // Bootstrap 4

// 切換到 Bootstrap 5
$ npm install bootstrap@next @popperjs/core --save-dev
$ npm install bootstrap @popperjs/core --save-dev
```

*package.json*
```json=
"devDependencies": {
    "@popperjs/core": "^2.9.2",
    "axios": "^0.21",
    "bootstrap": "^5.0.2", <-- Bootstrap 5
    "jquery": "^3.6",
    "laravel-mix": "^6.0.6",
    "lodash": "^4.17.19",
    "popper.js": "^1.16.1",
    "postcss": "^8.1.14",
    "resolve-url-loader": "^4.0.0",
    "sass": "^1.32.11",
    "sass-loader": "^11.0.1"
}
```

接下來執行 `$ npm install && npm run dev`

*webpack.mix.js*
可以改成
```javascript=
mix.js('resources/js/app.js', 'public/js')
  .sass('resources/sass/app.scss', 'public/css')
  .version();
```

(Optional) 再執行 `$ npm run watch-poll` 會持續運行並監控 resources/ 中的資源文件是否發生改變，一但資源文件發生變化，Webpack 會自動重新編譯。

###### tags: `Laravel`