主页 / user-5344553

jstrother's questions

Martin Hope
jstrother
Asked: 2025-01-02 07:59:43 +0800 CST
  • 5

我试图弄清楚为什么我的 WordPress 插件不再按预期加载我的 js 和 css。

在我的插件的主 php 文件中，我有以下代码（为简洁起见已编辑）：

define('APV_PLUGIN_DIR', plugin_dir_path(__FILE__));
define('BUILD_DIR', APV_PLUGIN_DIR . 'build/');

function __construct() {
    add_action('wp_enqueue_scripts', [$this, 'enqueue_styles'], 1, 0);
    add_action('wp_enqueue_scripts', [$this, 'enqueue_scripts'], 1, 0);
}

function enqueue_scripts() {
  wp_register_script('area-public-visualizer-script', BUILD_DIR . 'index.js');
  wp_enqueue_script('area-public-visualizer-script');
}

function enqueue_styles() {
  wp_register_style('area-public-visualizer-style', BUILD_DIR . 'index.css');
  wp_enqueue_style('area-public-visualizer-style');
}

但是，在我的浏览器控制台中，我得到了以下信息：

GET 错误

当我运行该wp-scripts start命令时，我的build/外观如下：

使用启动时构建目录

运行命令时wp-scripts build，它看起来像这样：

使用 build 时构建目录

以下是scripts我的部分package.json：

"scripts": {
    "build": "wp-scripts build src/index.js",
    "start": "wp-scripts start src/index.js"
}

我可以理解为什么我不能对我指定的文件进行GET-ing index.css，但我不知道为什么我不能GET-ing，index.js因为两个屏幕截图都很清楚。我更困惑的是，为什么几周前我的 css 和 js 都正常工作，但现在却不行了。

我在这里遗漏了什么？

编辑后添加：

我的 css 来自一系列 scss 文件，这些文件被收集到 中index.scss。然后，将此文件导入到src/index.js文件中。当之前这一切都正常工作时，我能够将index.css文件输出到构建目录中。

wordpress