【发布时间】：2022-01-21 16:14:18
【问题描述】：
我有一个项目，所有操作部分都可以工作。但是在显示图像、加载资源时，元素被浏览器识别，它们被传输，但它们不被读取。 navegator net log
我已经重新安装了 laravel、composer、npm，但没有任何效果。结果是一样的。
composer.json
{
"name": "laravel/laravel",
"type": "project",
"description": "The Laravel Framework.",
"keywords": ["framework", "laravel"],
"license": "MIT",
"require": {
"php": "^7.3|^8.0",
"fruitcake/laravel-cors": "^2.0",
"guzzlehttp/guzzle": "^7.0.1",
"laracasts/flash": "^3.2",
"laravel/framework": "^8.65",
"laravel/sanctum": "^2.11",
"laravel/tinker": "^2.5",
"laravel/ui": "^3.4",
"laravelcollective/html": "^6.2",
"phpmailer/phpmailer": "^6.5",
"yajra/laravel-datatables-oracle": "~9.0"
},
"require-dev": {
"facade/ignition": "^2.5",
"fakerphp/faker": "^1.9.1",
"laravel/breeze": "^1.5",
"laravel/sail": "^1.0.1",
"mockery/mockery": "^1.4.4",
"nunomaduro/collision": "^5.10",
"phpunit/phpunit": "^9.5.10"
},
"autoload": {
"psr-4": {
"App\\": "app/",
"Database\\Factories\\": "database/factories/",
"Database\\Seeders\\": "database/seeders/"
}
},
"autoload-dev": {
"psr-4": {
"Tests\\": "tests/"
}
},
"scripts": {
"post-autoload-dump": [
"Illuminate\\Foundation\\ComposerScripts::postAutoloadDump",
"@php artisan package:discover --ansi"
],
"post-update-cmd": [
"@php artisan vendor:publish --tag=laravel-assets --ansi --force"
],
"post-root-package-install": [
"@php -r \"file_exists('.env') || copy('.env.example', '.env');\""
],
"post-create-project-cmd": [
"@php artisan key:generate --ansi"
]
},
"extra": {
"laravel": {
"dont-discover":
[
"laravel/dusk"
]
}
},
"config": {
"optimize-autoloader": true,
"preferred-install": "dist",
"sort-packages": true
},
"minimum-stability": "dev",
"prefer-stable": true
}
package.json
{
"private": true,
"scripts": {
"dev": "npm run development",
"development": "mix",
"watch": "mix watch",
"watch-poll": "mix watch -- --watch-options-poll=1000",
"hot": "mix watch --hot",
"prod": "npm run production",
"production": "mix --production"
},
"devDependencies": {
"@popperjs/core": "^2.10.2",
"@tailwindcss/forms": "^0.2.1",
"alpinejs": "^3.4.2",
"autoprefixer": "^10.1.0",
"axios": "^0.21",
"bootstrap": "^5.1.3",
"lodash": "^4.17.19",
"postcss": "^8.2.1",
"postcss-import": "^12.0.1",
"resolve-url-loader": "^4.0.0",
"sass": "^1.32.11",
"sass-loader": "^11.1.1",
"tailwindcss": "^2.0.2"
},
"dependencies": {
"esrecurse": "^4.3.0",
"internal-ip": "^7.0.0",
"querystring": "^0.2.1"
}
}
app.js 也没有加载我 console log
【问题讨论】：
-
嗨，好的，请尝试如下添加 app.js 并在您的主布局文件中测试
<script src="{{ asset('js/app.js') }}"></script>。如果您已经这样做了，您是在每次向 JS 文件中添加代码时运行npm run watch（一次）还是npm run dev？ -
我检测到我有一个非常旧的node版本，我刚刚升级到版本17.3.0和npm版本8.3.0。执行时： npm run watch 我有输出： > watch > mix watch sh: 1: mix: not found 执行 npm run dev > dev > npm run development > development > mix sh: 1: mix: not found 我有看到其他其他链接（stackoverflow.com/questions/65718391/…），他们建议删除 node_modules，重新安装和添加其他包。结果是一样的:(
-
嗯，这听起来像是您可能需要彻底检查整个环境以删除可能变得更糟的损坏部分并重新安装和添加其他软件包的情况。