小编Jaf*_*aei的帖子

Webpack 工作箱无法在您的软件源中找到 self.__WB_MANIFEST

我从 webpack-workbox-plugin v4 迁移到 v5,但是当我尝试构建时,出现错误:

ERROR in Can't find self.__WB_MANIFEST in your SW source.
Child InjectManifest:
    Asset     Size  Chunks             Chunk Names
    sw.js  1.5 KiB       0  [emitted]  InjectManifest
Child html-webpack-plugin for "index.html":
     1 asset
Run Code Online (Sandbox Code Playgroud)

是否__WB_MANIFEST会像 v4 一样创建 precach-manifest 文件并自动导入?

Webpack配置:

new WorkboxPlugin.InjectManifest({
      swSrc: 'sw.js',
      chunks: ['*.chunk.js'],
      exclude: [/\.(?:png|jpg|jpeg|svg)$/, /\.map$/, /manifest\.json$/, /service-worker\.js$/, /sw\.js$/],
      include: [path.resolve(process.cwd(), 'build')],
    }),
Run Code Online (Sandbox Code Playgroud)

我的 sw.js:


importScripts('./ChabokSDKWorker.js', 'https://storage.googleapis.com/workbox-cdn/releases/5.0.0/workbox-sw.js');

/* eslint-disable no-undef */

if (workbox) {
  workbox.core.skipWaiting();
  workbox.core.clientsClaim();
  workbox.precaching.cleanupOutdatedCaches();

  // eslint-disable-next-line no-restricted-globals,no-underscore-dangle
  workbox.precaching.precacheAndRoute(self.__WB_MANIFEST);

  // java-script files cache
  workbox.routing.registerRoute( …
Run Code Online (Sandbox Code Playgroud)

webpack workbox workbox-webpack-plugin

10
推荐指数
1
解决办法
2万
查看次数

How to call multi setter useState react hooks

I want to call multi react hook setter function together, when some event been triggered Sth like :

const [running, setRunning] = useState(false);
const [jumping, setJumping] = useState(true);
Run Code Online (Sandbox Code Playgroud)

then what should we do, if we want to setRunning and setJumping together? (avoid re-render component)

javascript reactjs react-hooks

8
推荐指数
1
解决办法
1793
查看次数

创建一个jquery Margin加法器类

我正在寻找一种方法来使用jquery添加任何数字的边距.它应该是这样的:

<div class="mr5">Add this text margin-right = 5px</div>
<div class="ml15">Add this text margin-left = 15px</div>
<div class="mt6">Add this text margin-top = 6px</div>
<div class="mb4">Add this text margin-bottom = 4px</div>
Run Code Online (Sandbox Code Playgroud)

等等 ...

<div class="m4">Add this text margin = 4px</div>
<div class="p4">Add this text padding = 4px</div>
...
Run Code Online (Sandbox Code Playgroud)

是否可以创建jquery代码来执行此操作?也许这样做是为了填充.

想法: 它可以在引导中使用太像添加自动填充,边缘或甚至font-sizefs18添加字体大小:18像素

谢谢

html css jquery automation margin

7
推荐指数
1
解决办法
160
查看次数

webpack 树摇动并将块分割在一起

我们使用 webpacksplitChunks来捆绑共享包,现在我们对我们的模块进行了 tree shake。(我们的图标、ui 组件、钩子和助手都是 npm 包)。

问题是,我们的包是完全可以进行树摇动的,但是splitChunks我们所有的包都被视为vendor~main.js并导入,没有任何树摇动。

Tree Shaking 只适用于本地进口吗?我们应该如何将 tree shake 和 splitChunks 用于 npm 包?

reactjs webpack tree-shaking webpack-splitchunks

7
推荐指数
0
解决办法
384
查看次数

UPDATE Multiple ID中的PDO准备语句

我正在开发一个简单的监视系统,并使用PDO。但是我似乎无法在使用多个值进行更新时使用PDO。

    // GET MESSAGES ID AND REPLACE '-' WITH ','
    $mid = explode("," , str_replace( '-' , ',' , $mid ));
    $isread = "read";

    $stmt = $conn->prepare("UPDATE `mshop_pms` SET `readperm` = ? WHERE `mid` IN (?)");
    $stmt->execute(array($isread, array($mid)));
Run Code Online (Sandbox Code Playgroud)

我怎样才能做到这一点?并这样做:

$stmt->execute(array($isread, $mid));
Run Code Online (Sandbox Code Playgroud)

不爆炸它只是更新第一行。

提前致谢。

php mysql pdo prepared-statement sql-update

3
推荐指数
1
解决办法
625
查看次数

使用 http-server 响应路由器

我们使用react-roucter-domwith http-server,当用户加载主页面并点击导航链接时,新页面将完美加载,但是当用户在该路由中刷新页面时,它返回404。这意味着 HTML5pushState不适用于http-server.

例子 :

<Router>
    <Route exact path="/" component={Home} />
    <Route path="/about" component={About} />
    <Route path="/topics" component={Topics} />
</Router>
Run Code Online (Sandbox Code Playgroud)

如果用户转到/about页面并刷新它,则会发生404错误

有没有办法解决这个问题?

httpserver reactjs react-router

3
推荐指数
1
解决办法
3747
查看次数

sails.js从集合水线中删除所有成员

我想删除集合具有的所有成员,但是我不想将每个成员都传递ID.member()方法。 水线文件说明了删除特定成员的方法,例如:

await User.removeFromCollection(3, 'pets')
.members([99,98]);
Run Code Online (Sandbox Code Playgroud)

我想做某事:

await User.removeFromCollection(3, 'pets')
.members(['*']);
Run Code Online (Sandbox Code Playgroud)

collections node.js sails.js waterline sails-mongo

2
推荐指数
1
解决办法
309
查看次数

如何使用css过渡显示快隐藏慢

我有一个设置为的跨度,opacity : 0当用户悬停在它上面时我会显示它,但问题是我想快速显示它并慢慢隐藏它。

.mySpan {
    opacity: 0;
    font-size: 12px;
    background: red;
    border-radius: 5px;
    color:#fff;
    transition: opacity cubic-bezier(0, 0.52, 1, 1) 0.3s
}

.mySpan:hover{
    opacity: 1
}
Run Code Online (Sandbox Code Playgroud)

css animation

2
推荐指数
1
解决办法
970
查看次数