在 Homestead 里执行 NPM run dev 成功后,样式无变化

问题来源: L01 Laravel 教程 - Web 开发实战入门 ( Laravel 5.7 ) - 4.2. 样式美化
根据教程,成功执行了 npm run watch-poll ,但是前端样式还是没有变化。
resources/sass/app.scss 内容如下

// Bootstrap
@import '~bootstrap/scss/bootstrap';

//下面的样式为后添加的,也就是这些后添加的样式不生效
body {
  font-size: 14px;
  font-weight: normal;
}

nav.navbar.navbar-expand-lg {
  margin-bottom: 20px;
}

命令窗口也成功运行了
file

我的 package.json 如下

"scripts": {
        "dev": "npm run development",
        "development": "NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
        "watch": "npm run development -- --watch",
        "watch-poll": "npm run watch -- --watch-poll",
        "hot": "NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
        "prod": "npm run production",
        "production": "NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
    }

请问这是为什么我的后添加的样式不起变化呢?

《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
讨论数量: 1

原因找到了,首先你使用的是 chrome 浏览器,接下来按 F12 然后在调试那里,把 Disable cache 勾选上,之后样式才会有变化。

file

5年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!