我刚刚在我的 React Native 应用程序和 android 模拟器上完成了一些更改，然后重新加载（R，R）然后出现更改。
然后我运行了命令：
./gradlew assembleDebug
生成调试apk。
当我在手机上运行它时，没有更改，它仍然是旧版本。
删除apk：
./app/build/outputs/apk
删除整体：
./app/build 目录
试过命令：
./gradlew cleanBuildCache
清理缓存后重启（3）删除build目录（2）
试过命令：
gradlew clean
但是我每次仍然得到一个旧版本的apk。
我们目前正在与 Webpack 和 React 合作，使用 Bootstrap 进行设计，并使用自定义 CSS/SASS 覆盖一些引导程序样式。
在一个简单的 HTML 页面上，我们使用：
<!-- Custom styles for this template -->
<link href="./../../css/creative.css?v=1.9" rel="stylesheet">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/css/bootstrap-select.min.css">
我们的风格覆盖了引导程序，例如我们的 <hr>
显示的那个是我们定义的那个 creative.css
hr {
max-width: 50px;
border-width: 3px;
border-color: #F05F40;
}
但是，当我使用 react 将设计移至项目时，webpack 仅引导程序覆盖所有内容。
我试过了：
import './css/creative.css'
import './css/bootstrap.css'
和：
import './css/bootstrap.css'
import './css/creative.css'
还尝试将 app.js 包装到 index.js 中，然后像这样设置父级和子级的样式：
索引.jsx： import './css/bootstrap.css'
应用程序.jsx： import './css/creative.css'
也试过另一种方式：
索引.jsx： import './css/creative.css'
应用程序.jsx： import './css/bootstrap.css'
但是我的自定义样式永远不会覆盖引导程序样式。
这不仅发生在 HR …
我目前正在为一个朋友开发一个网站，我正在使用 Bootstrap 4 alpha。
使用卡片我在页面上显示了三张卡片，我希望当屏幕变为移动尺寸时每行更改为一张卡片：
我不想使用列，但我想使用引导卡
例子：
普通屏幕
+++ CARD 1 +++ +++ CARD 2 +++ +++ CARD 3 +++
手机屏
+++ CARD 1 +++
+++ CARD 2 +++
+++ CARD 3 +++
该网站是：http : //www.smitefr.mmo-stream.net/index.php
代码示例：
<div class="row">
<div class="card">
<img src="images/dieux/Agni.jpg" alt="Card image cap">
<h1> Agni</h1>
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
</div><div class="card">
<img src="images/dieux/AhMuzenCab.jpg" alt="Card image …我目前正在使用Bootstrap中的Cards
根据文字标题的不同，我会得到不同的卡片高度，并希望与最高的卡片高度相同。
我不介意使用JS，我实际上认为这可能是解决问题的最佳方法。
我尝试过使用CSS提供的不同解决方案，例如使用flexbox
作为一个动态示例，呈现的HTML是一个简单的示例：
.card {
float: left;
width: 100%;
padding: .75rem;
margin-bottom: 2rem;
border: 0;
box-shadow: 0px 0px 8px 0.3px rgba(0,0,0,1);
}
.card > img {
margin-bottom: .75rem;
display: block;
width: 80%;
height: auto;
margin-left: auto;
margin-right: auto;
}
.card-text {
font-size: 85%;
}<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>SMITE FR</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/album.css" rel="stylesheet">
<link href="css/ie10-viewport-bug-workaround.min.css" rel="stylesheet">
<script src="https://www.w3schools.com/lib/w3data.js"></script>
<link rel="import" href="navigation.html"> …我最近将我在es6中制作的样板更改为稍微旧版本的es5.我不得不重新创建导出,需要而不是使用导入,现在路由功能正常.
我有这样的结构:
index.js (app)
api/index.js (/api endpoint)
api/auth.js (/api/auth endpoint)
api/protected.js (/api/protected endpoint)
在我的身份验证路由中,我有登录和注册功能并生成令牌:
const token = jwt.sign({id: req.body.username}, config.jwtSecret)
在我的protected.js中,我有以下内容:
const express = require('express');
const router = express.Router();
const passport = require('../config/passport');
router.use(passport.initialize({ session: false }));
router.use(passport.session());
router.get('/test', passport.authenticate('jwt') , (req, res) => {
res.status(200).json({ message: 'Hello sweetie', auth: req.isAuthenticated(), user: req.session.passport.user})
});
module.exports = router;
在我的passport.js
const
passport = require('passport'),
config = require('./../config'),
passportJwt = require('passport-jwt'),
JwtStrategy = passportJwt.Strategy,
ExtractJwt = passportJwt.ExtractJwt,
userSchema = require('./../schemas/userSchema');
passport.serializeUser(function(user, done) { …css ×3
bootstrap-4 ×1
express ×1
express-jwt ×1
gradlew ×1
html ×1
javascript ×1
node.js ×1
passport-jwt ×1
react-native ×1
reactjs ×1
webpack ×1