2017-02-13 40 views
1

如何在Laravel 5.4中包含Bootstrap圖形?在ChromeLaravel 5.4包含自舉圖形

網絡工具,顯示404錯誤以下損壞的鏈接: http://localhost/fonts/glyphicons-halflings-regular.woff2?448c34a56d699c29117adc64c43affeb http://localhost/fonts/glyphicons-halflings-regular.woff?fa2772327f55d8198301fdb8bcfc8158 http://localhost/fonts/glyphicons-halflings-regular.ttf?e18bbf611f2a2e43afc071aa2f4e1512

的路徑應該是http://localhost/myapp/public/font/glyphicons-halflings-regular ...

我應該爲了有引導修復這些鏈接glyphicons?如果是,如何和在哪裏?

關於此問題的帖子討論了Laravel的舊版本,它使用了不會在laravel 5.4項目中退出的gulpfile.js。

+0

該路徑似乎正確。 **您的公共根應該是您的應用**的公共文件夾。它接吻了我,你的虛擬主機是問題,而不是圖形。我猜你的其他資產也會被打破(或者你正在使用他們的錯誤路徑) – Pevara

+0

是否意味着我應該通過我的網址http:// localhost /指向c:\ wamp64 \ myapp \ public \? 這行'{{asset('fonts')}}'返回'http:// localhost/myapp/public/fonts',以便我的其他鏈接正常工作。 – Warrio

回答

2

@Warrio,是的,你說得對,Laravel 5.4不使用gulp,而是使用webpack mix來加載所有的依賴。

我有同樣的問題,通過更新的package.json解決了

{ 
    "private": true, 
    "scripts": { 
    "dev": "node node_modules/cross-env/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", 
    "watch": "node node_modules/cross-env/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", 
    "watch-poll": "node node_modules/cross-env/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --watch-poll --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", 
    "hot": "node node_modules/cross-env/bin/cross-env.js NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js", 
    "production": "node node_modules/cross-env/bin/cross-env.js NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js" 
    }, 
    "devDependencies": { 
    "axios": "^0.15.3", 
    "bootstrap-sass": "^3.3.7", 
    "jquery": "^3.1.1", 
    "laravel-mix": "^0.8.1", 
    "lodash": "^4.17.4", 
    "vue": "^2.1.10" 
    } 
} 

更新您的package.json文件後,運行「故宮安裝」,它會解決你的問題。

+0

並運行'npm run dev'或'npm run production' – marlo