javascript - Magento 2 不加载 CSS 和 JavaScript

Question

我已经在 localhost 上成功安装了 magento 2，但我无法看到管理面板，因为它向我呈现 404 错误。

其次，当我打开前端时，没有加载 CSS 和 JavaScript。它们也会呈现 404 错误。

另外当我尝试运行命令时：

{your Magento install dir}/bin/magento setup:static-content:deploy

我收到以下错误

[InvalidArgumentException]                                              
There are no commands defined in the "setup:static-content" namespace.

score 19 · Accepted Answer

这个对我有用。使用这个命令php bin/magento setup:static-content:deploy

第 1 步：在 CMD 中使用 cd 命令打开根目录

第 2 步：php bin/magento setup:static-content:deploy- 运行此命令

然后，检查您的pub/static文件夹，CSS 和 Js 文件将在那里可用

参考这个

score 15 · Accepted Answer

如果在 css 路径中显示版本名称，这是最简单的解决方案

喜欢：pub/static/version323334/

然后在我的 sql 中运行这个查询

 INSERT INTO core_config_data (path, value) 
VALUES ('dev/static/sign', 0) 
ON DUPLICATE KEY UPDATE value = 0;

之后清除配置缓存

 bin/magento cache:clean config

您还可以禁用静态文件版本表单管理员

score 6 · Accepted Answer

通过添加 sudo 尝试与 root 用户相同的命令，如下所示

sudo php bin/magento setup:static-content:deploy

score 3 · Accepted Answer

更改dev/static/sign为0核心配置数据对我有用

然后，

bin/magento cache:flush

然后，

php bin/magento setup:static-content:deploy -f

score 3 · Accepted Answer

虽然这是一个老问题，但它的答案无法帮助我解决会产生相同错误消息的问题。我建议如下：

首先，您可以找到其根本原因。在你的magento2目录下，发现magento报错如下：

尾部 var/log/system.log

或者查找php错误日志文件中是否有错误

如果您发现孤立的错误，请修复它。

如果没有发现错误，请执行以下操作。通过执行以下命令删除生成文件夹：

sudo rm -rf pub/static
sudo rm -rf var/cache
sudo rm -rf var/composer_home
sudo rm -rf var/generation
sudo rm -rf var/page_cache
sudo rm -rf var/view_preprocessed

删除它们后，您可以通过执行以下命令重新创建它们：

sudo php bin/magento setup:static-content:deploy -f

score 2 · Accepted Answer

我们也遇到过这个问题，并解决了。为此，您需要直接进入bin目录并使用该命令。例如，

php magento setup:static-content:deploy

有时，如果您在任何目录之外bin或从任何目录运行此命令

php bin/magento setup:static-content:deploy

然后你会得到类似的错误（可能是因为 linux 系统），

[InvalidArgumentException]
  There are no commands defined in the "setup:static-content" namespace.

更新：

如果*.xml我们自定义模块中的任何文件无效，则会出现同样的错误。

score 1 · Accepted Answer

提供如下静态部署命令：

php bin/magento setup:static-content:deploy

请为 pub 和 var 文件夹设置完全权限。

score 1 · Accepted Answer

我也有同样的问题，下面的步骤解决了我的问题：

第 1 步：导航到安装 magento 的目录。
第 2 步：运行“sudo php bin/magento setup:static-content:deploy”

score 1 · Accepted Answer

在 Magento2 根文件夹的 CLI 界面中运行以下命令：

$ php bin/magento setup:static-content:deploy
$ php bin/magento indexer:reindex

然后通过此命令在您的 magento2 根目录删除 var 文件夹。

$ rm -rf var/*

然后刷新您的主页和管理面板。

score 1 · Accepted Answer

在尝试了此处和https://magento.stackexchange.com/questions/97209/magento-2-css-and-javascript-not-loading-from-correct-folder中提到的所有解决方案之后

我们无法让这件事继续下去。

但这是一个非常奇怪的答案，但它对我们有用。

首先，我们清除缓存并确保在 pub/static/ 文件夹中创建静态文件。然后检查 deploy_version.txt 包含与 URL 中加载的相同版本号。

我们的罪魁祸首是存在于 pub 文件夹中的 .htaccess 文件。pub/static 文件夹中应该只有一个 .htaccess 文件，但 pub 文件夹中没有。在到处搜索之后，这对我们有用。

希望它可以帮助其他寻找类似答案的人。

score 0 · Accepted Answer

您只需要在终端上运行此命令

php bin/magento setup:static-content:deploy

确保您在终端中提供了 magento 的根路径，然后运行上述命令

score 0 · Accepted Answer

0

我只是做

rm -rf var/di

然后它再次工作。

于 2016-04-14T10:02:42.587 回答

score 0 · Accepted Answer

如果您在 Windows 中安装后遇到 css 和设计问题，请按照以下步骤操作

php bin/magento setup:static-content:deploy
php bin/magento indexer:reindex
确保启用 apache“rewrite_module”，然后重新启动服务器
删除缓存文件夹下var/cache

score 0 · Accepted Answer

请按照以下步骤解决此问题。

1) 下载 Magento 2。

2) 在您的 www 或 htdocs 目录中提取它。

3）安装magento。不要使用localhost ，在 store url 和 admin url 中使用127.0.0.1 。

4) 安装成功后不要运行 MAGENTO。

5）现在删除magento 2的缓存/会话。转到下面提到的路径并删除文件。

Magento Root > var > cache > Delete all files

Magento Root > var > page_cache > Delete all files

Magento Root > var > session > Delete all files

6）改变一些静态资源的符号链接的行为，如下所述： -

当 Magento 2 不处于生产模式时，它会尝试为本地服务器上的一些静态资源创建符号链接。我们必须通过编辑ROOT > app > etc > di.xml文件来改变 Magento 2 的行为。在您喜欢的代码编辑器中打开 di.xml，找到该virtualType name="developerMaterialization"部分。在下面的该部分中，您将找到<item name="view_preprocessed" xsi:type="object">需要修改的项目。您可以通过更改以下内容来修改它：

Magento\Framework\App\View\Asset\MaterializationStrategy\Symlink

至：

Magento\Framework\App\View\Asset\MaterializationStrategy\Copy

7) 删除除.htaccess以外的所有文件

Magento Root > pub > static > Delete all files except **.htaccess**

完成。现在您可以运行 magento 前端和后端 URL

score 0 · Accepted Answer

以下解决方案有效：请在数据库中取消以下查询。INSERT INTO core_config_data (path, value) VALUES ('dev/static/sign', 0) ON DUPLICATE KEY UPDATE value = 0; https://magento.stackexchange.com/questions/97209/magento-2-css-and-javascript-not-loading-from-correct-folder

score 0 · Accepted Answer

如果您尝试过php bin/magento setup:static-content:deploy或任何此类相关命令并且问题仍然存在。那么你可能想试试这个。

此修复解决了安装 magento (v2.3) 后的无 Css 和 Javascript以及Admin 404 页面问题。

第一步：打开httpd.conf。

第 2 步：搜索

AllowOverride（可以写成 AllowOverride all）
Require（可以写成 Require local）

在这个文件的目录部分。

第三步：改变

AllowOverride至AllowOverride All
Require至Require All Granted

score 0 · Accepted Answer

如果您在 Magento 2 中安装后遇到主题问题。您可以按照以下步骤操作：

运行此查询：

INSERT INTO core_config_data (path, value) VALUES ('dev/static/sign', 0) ON DUPLICATE KEY UPDATE value = 0;
对于本地机器运行此查询：

更新core_config_data集value= '0' 在哪里 core_config_data。pathLIKE '%web/seo/use_rewrites%';
从 pub 和 var 目录中删除所有文件：

sudo rm -rf var/di var/generation/var/page_cache/var/cache/pub/static/frontend/pub/static/adminhtml/pub/static/_requirejs/pub/static/deployed_version.txt
授予项目的 var 和 pub 目录的权限：

sudo chmod -R 777 var/* pub/*
升级设置：

sudo bin/magento 设置：升级
部署内容：

sudo php bin/magento 设置：静态内容：部署

完成这些步骤后，您将能够看到正确的主题。

score 0 · Accepted Answer

这对我有用：

1) 静态内容部署。从 Magento 2 根目录运行以下命令：

sudo php bin/magento setup:static-content:deploy

2)var/cache使用以下命令清除目录中的所有内容或刷新 Magento 2 缓存：

php bin/magento cache:flush

3) 通过从 Magento 2 根目录执行以下命令，为 Magento 2 目录设置适当的权限：

sudo find . -type d -exec chmod 770 {} \; && sudo find . -type f -exec chmod 660 {} \; && sudo chmod u+x bin/magento

希望这可以帮助。

score 0 · Accepted Answer

以下答案对我有用，谢谢：

打开文件 MAGENTO_ROOT/app/etc/di.xml

并替换下面的代码表格行号 574

Magento\Framework\App\View\Asset\MaterializationStrategy\Symlink

和

Magento\Framework\App\View\Asset\MaterializationStrategy\Copy

删除

MAGENTO_ROOT/pub/static/_requirejs

MAGENTO_ROOT/pub/static/adminhtml

MAGENTO_ROOT/pub/static/frontend

score 0 · Accepted Answer

var/di通常这是由于文件夹中的编译失败而发生的。您可以通过删除 var 文件夹中的所有内容来解决它。

同样对于未来，不要忘记 magento 命令行实现了 symfony 详细级别：将--v或附加---v到您的命令以查看确切的错误。

score 0 · Accepted Answer

只需打开

MAGENTO_ROOT/app/etc/di.xml

并替换下面的代码表格行号 574

<item name="view_preprocessed" xsi:type="object">Magento\Framework\App\View\Asset\MaterializationStrategy\Symlink</item>

至

<item name="view_preprocessed" xsi:type="object">Magento\Framework\App\View\Asset\MaterializationStrategy\Copy</item>

删除

MAGENTO_ROOT/pub/static/_requirejs

MAGENTO_ROOT/pub/static/adminhtml

MAGENTO_ROOT/pub/静态/前端

score 0 · Accepted Answer

只是简单而正确的解决方案，希望有用。

转到您的 wampserver 图标并单击它，然后

Apache->apache 模块->rewrite_module[启用这个]

在此之后重新启动所有服务并检查它。

score 0 · Accepted Answer

当您没有正确设置权限时会发生此错误。它看不到该命令实际存在。

尝试运行：

sudo find . -type d -exec chmod 770 {} \; && sudo find . -type f -exec chmod 660 {} \; && sudo chmod u+x bin/magento sudo chown -R $(whoami):www-data .

将 www-data 更改为适当的网络服务器用户。例如 apache 或 www-data。

score -1 · Accepted Answer

如果您在 magento2 中安装后遇到 css 和 js 页面加载设计问题

请按照以下步骤操作：

打开终端并导航到magento web root

$ cd /var/www/html/magento2

步骤1。

$ php bin/magento 设置：静态内容：部署

第2步。

$ php bin/magento 索引器：重新索引

步骤 3。

确保启用 apache “rewrite_module”，然后重新启动服务器

第4步。

$ chown -R www-data:www-data /var/www/html/magento2

步骤 5。

$ chmod -R 777 /var/www/html/magento2

步骤 6。

删除 var/cache 下的缓存文件夹

上述步骤工作。我希望这也对你有用。

让我知道是否有任何问题。:)

javascript - Magento 2 不加载 CSS 和 JavaScript

24 回答 24

Related

Reference