我在Laravel中遇到jquery 3.5.0的一些引导问题。我试图将jquery降级到3.4.1版本,但当我编辑package.json并运行composer update时,jquery版本没有改变。有人能解决我的问题吗?下面是我的package.json文件。
"devDependencies": {
"axios": "^0.19",
"bootstrap": "^4.0.0",
"cross-env": "^7.0",
"jquery": "3.4.1",
"laravel-mix": "^5.0.1",
"lodash": "^4.17.13",
"popper.js": "^1.12",
"resolve-url-loader": "^2.3.1",
"sass": "^1.20.1",
"sass-loader": "^8.0.0",
"vue": "^2.5.17",
"vue-template-compiler": "^2.6.10"
}
在任何项目(包括Laravel)中降级jquery版本(或任何其他npm包)的正确方法是:
>
在package.json
中,您可以设置所需的版本,例如:
"jquery": "3.4.1",
删除node_modules文件夹(如果已创建)
删除package-lock.json文件(如果已经存在)
运行< code>npm install -这将在package.json中安装所需的软件包版本
(仅适用于 Laravel)运行 npm run dev
- 再次重新编译所有内容(使用更改的包版本)
我知道很晚了,但对于那些只是四处寻找并需要像我这样快速回答的人来说,我们开始了。
对<code>package.json</code>执行类似OP的更改(以更改jQuery版本)。
然后,在 CLI 上运行此命令
npm install
npm run dev
我不是 NPM 的人/专家(也不是 Laravel 专家)。但是,这里的解释是,
似乎我们需要运行npm install
,以获取相关的包并将其复制到我们的node_modules文件夹中。
然后,对于npm-run-dev
,它用于编译我们的资产(假设您使用的是Laravel默认脚手架)
就是这样。希望对您有所帮助。:)
你也可以用老派的方式。将它硬编码到html模板中:
1.插入
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
<script src="{{ asset('js/app.js') }}"></script>
2.在资源/js/app.js文件中,删除需要('./bootstrap')
3.不要在 app.scss 文件中导入引导程序。
您仍然可以编译app.js和app.scss中所需的任何内容