小编Álv*_*anz的帖子

我正在开发一个管理仪表板，我希望在其中拥有一个文件导航系统，该系统应始终从主管理区域可用，并从主管理区域独立加载。

有什么问题？

在与仪表板交互时，由于该方法是使用 PHP 的 SSR，因此用户将执行页面请求以更新帖子、转到不同的视图等。因此必须在每次请求时重新加载文件导航区域，而我不这样做不希望那样，因为后端 PHP 将不得不为每个请求一遍又一遍地获取所有文件并构建文件树。

我想做以下事情：

包装器页面（管理仪表板）在拆分视口中包含两个 iframe：

• iframe 主
• iframe 文件导航器

用户可以在视口的每一侧使用和导航，而不会影响其他区域。

例如，在不离开主 iframe 上打开的编辑器的情况下浏览文件和文件夹。

或者保存编辑器内容并执行其他操作，而无需不断刷新和重新渲染文件导航区域。

两个 iframe 内容都将托管在同一个域下，因此它们之间的通信不会成为问题。

我想通过 PHP 走 SSR 路线，因为这个项目不值得构建现代 SPA，我需要重用大量现有的 PHP 代码。

但是，我还是想尽可能地做好。

所以问题是：

您知道是否有比 iframe 更好的更清洁/更好的方法来实现这一目标？

我有点担心所有支持 iframe 的浏览器，因为它实际上是一个老东西。

我当前的 Webpack 5 设置包括以下 CSS 和 SCSS 文件规则：

test: /\.s?css$/,
use: [
    { loader: MiniCssExtractPlugin.loader },
    { loader: 'css-loader', options: { importLoaders: 1 } },
    {
        loader: 'postcss-loader',
        plugins: [
            tailwindcss
        ]
    },
    'sass-loader'
],

目标是：

• 编译SCSS
• 流程顺风
• 加载CSS
• 将 css 分离到文件中

我的 scss 文件包含：

@tailwind base;
@tailwind components;
@tailwind utilities;

但我收到以下错误：

无法加载“C:\dev\project\webpack.config.js”配置
lum[i] = (chan <= 0.039_28) ？陈/12.92：（（陈+0.055）/1.055）** 2.4；
语法错误：无效或意外的标记

相关注意事项：如果我删除 postcss-loader，它会编译，但当然 tailwind 不会包含在 CSS 文件中。

我该如何解决这个问题？

我在 Windows 10 上使用Laragon 4.0.16 用 PHP 进行开发。

我使用 Laragon 工具启用了 SSL 来执行此操作：

还将 laragon.crt 添加到信任存储区。

我可以https://project.test正确访问我的测试项目。

但是，有一个问题：

警告：getimagesize()：SSL 操作失败，代码为 1。OpenSSL 错误消息：错误：1416F086：SSL 例程：tls_process_server_certificate：证书验证失败

我一直在阅读解决此类问题的方法是在 PHP ini 配置文件中设置curl.cainfo和openssl.cafile 。

我在位于以下位置的Laragon 全局php.iniC:\laragon\bin\php\php-xxx\php.ini中这样做了：

curl.cainfo = "C:\laragon\etc\ssl\cacert.pem"
openssl.cafile = "C:\laragon\etc\ssl\cacert.pem"

但重新启动 Laragon 后，php 警告仍然存在。

我还能做什么来追踪问题并解决它？

谢谢。

我正在使用AlpineJS和x-model，它在以下情况下效果很好：

<script src="https://unpkg.com/alpinejs@3.9.5/dist/cdn.min.js"></script>
<form x-data="{ value: '' }">
  <input x-model="value" placeholder="Type and see..." />
  <br>Value: <span x-text="value"></span>
</form>

但是，当我嵌套具有相同属性名称的组件时，该值不会传播到父组件，而是保留在子组件中：

<script src="https://unpkg.com/alpinejs@3.9.5/dist/cdn.min.js"></script>
<form x-data="{ value: '' }">
  <div x-data="{ value: '' }">
    <input x-model="value" placeholder="Type and see..."/>
    <br>Child value: <span x-text="value"></span>
  </div>
  Parent value: <span x-text="value"></span>
</form>

我知道这是一个非常具体的案例。人们可以说：“让一切成为一个组成部分”。但我不能这样做，因为嵌套组件将是我需要重用的低级通用组件。我需要父级能够访问附加到模型的相同值。

知道如何在不使用$store 的情况下解决这个问题吗？