Angular5迁移至Angular6启动报错:找不到jQuery文件
解决Angular 6迁移后
npm start找不到jQuery文件的问题 从你的错误信息ENOENT: no such file or directory,open'\trunk\node_modules\jquery\dist\jquery.min.js'能看出关键问题——路径里的\t是一个隐藏的制表符(Tab键),这导致webpack无法正确解析路径。下面是一步步的解决方法:
1. 清除angular.json中的制表符
打开你的angular.json文件,定位到scripts数组部分,仔细检查"../node_modules/jquery/dist/jquery.min.js"这一行的开头,有没有不小心输入的Tab字符。把这个Tab删掉,确保路径是纯文本的相对路径,比如:
"scripts": [ "../node_modules/jquery/dist/jquery.min.js", "../node_modules/popper.js/dist/umd/popper.min.js", "../node_modules/bootstrap/dist/js/bootstrap.min.js" ]
2. 验证路径的正确性
确认你的项目结构:
- 如果
angular.json位于trunk/src子目录下,那么../node_modules/的相对路径是正确的(因为node_modules在trunk根目录) - 如果
angular.json就在trunk根目录下,那么路径应该改为./node_modules/jquery/dist/jquery.min.js(或者直接简写为node_modules/jquery/dist/jquery.min.js)
3. 清理依赖缓存并重新安装
有时候缓存会导致依赖解析异常,执行以下命令重置依赖:
rm -rf node_modules package-lock.json npm install npm start
4. 排查其他可能的配置问题
- 确保没有其他旧配置文件(比如旧版本的
angular-cli.json)还在错误地引用jQuery路径 - 手动进入
node_modules/jquery/dist/目录,确认jquery.min.js确实存在,且版本和package.json中声明的一致
按照这些步骤操作后,应该能解决找不到jQuery文件的问题。
内容的提问来源于stack exchange,提问作者MPPNBD
相关产品推荐
相关产品推荐

