Angular项目安装Bootstrap报错求助：找不到jQuery文件

AI 小北

2026-5-27

Fixing the "jQuery File Not Found" Error in Angular Bootstrap Setup

Hey there, let's sort out this missing jQuery file issue quickly. Here's what's going wrong and how to fix it step by step:

1. Confirm jQuery is Properly Installed in Your Project

First, let's make sure jQuery actually exists in your Demo project's local node_modules folder. Navigate to your project root (D:\Angular\Demo) and check if there's a node_modules/jquery/dist folder containing jquery.min.js. If it's missing, re-run the install command in your project's terminal to ensure jQuery is installed locally:

npm install jquery --save

2. Correct the Paths in `angular.json`

The core problem here is the incorrect path syntax you used. Since angular.json lives directly in your project root, using ../node_modules tells the system to look for node_modules in the parent folder (D:\Angular) instead of your project's own local node_modules.

Update your styles and scripts sections in angular.json to use the correct relative paths:

"styles": [
  "src/styles.css",
  "node_modules/bootstrap/dist/css/bootstrap.css"
],
"scripts": [
  "node_modules/jquery/dist/jquery.min.js",
  "node_modules/bootstrap/dist/js/bootstrap.js"
]

(Note: I adjusted the styles.css path to Angular's default location src/styles.css—if your styles file is in a custom spot, keep that path accurate, but the Bootstrap/jQuery paths are the key fix here.)

3. Restart the Angular Development Server

Changes to angular.json don't take effect until you restart the dev server. Stop your current ng serve process (press Ctrl + C in the terminal), then re-run: