Laravel Auth脚手架无法正确渲染

时间:2017-06-01 11:04:53

标签: laravel laravel-5

我创建了一个新的Laravel 5.4应用程序。我跑了php artisan make:auth来创建脚手架。我运行npm run dev来编译CSS / Javascript。

访问/login页面无法呈现时 - 就好像只有没有CSS的HTML一样。

浏览器控制台中的错误是:

Uncaught ReferenceError: $ is not defined
    at app.js:1

layouts/app.blade.php文件按预期包含app.jsapp.css

为什么它没有正确渲染?我是否错过了auth设置中的一个步骤?

编辑:package.json

{
  "private": true,
  "scripts": {
    "dev": "npm run development",
    "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch-poll": "npm run watch -- --watch-poll",
    "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
    "prod": "npm run production",
    "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
  },
  "devDependencies": {
    "axios": "^0.15.3",
    "bootstrap-sass": "^3.3.7",
    "cross-env": "^3.2.3",
    "jquery": "^3.1.1",
    "laravel-mix": "0.*",
    "lodash": "^4.17.4",
    "vue": "^2.1.10"
  }
}

1 个答案:

答案 0 :(得分:0)

听起来像是在尝试使用jQuery而不包含库,但这只是一个假设而没有看到app.js的内容。

您是在本地包含jQuery还是通过CDN(https://cdnjs.com/libraries/jquery/)?如果是这样,请确保在app.js之前导入它。