Angular4 - npm jQuery 错误 TS1005:“,”预期

2024-01-11

我的项目一直没问题,直到我通过以下方式安装了 jquery 包:

npm install jquery

and:

npm install -D @types/jquery

之后我遇到了一些错误,并决定通过索引文件中的脚本标签使用 jQuery。因此尝试卸载已安装的软件包:

npm uninstall jquery
npm uninstall @types/jquery

还尝试过sudo and/or --save and/or --save-dev like:

sudo npm uninstall jquery --save-dev

根据控制台显示,卸载进展顺利:

在 2.199 秒内删除 1 个包

但我在尝试时仍然收到错误npm start:

node_modules/@types/jquery/index.d.ts(47,40): 错误 TS1005: ',' 预期的。 node_modules/@types/jquery/index.d.ts(2370,40):错误 TS1005:预期为“,”。 node_modules/@types/jquery/index.d.ts(2372,46): 错误 TS1005:应为“,”。 node_modules/@types/jquery/index.d.ts(2483,23): 错误 TS1005: ',' 预期的。 等等...

然后注意到nodemodules/@types仍含有jquery所以我手动删除了它,但随后:

node_modules/@types/angular-animate/index.d.ts(6,1):错误 TS2688: 找不到“jquery”的类型定义文件。 node_modules/@types/angular/index.d.ts(6,1):错误 TS2688:找不到 “jquery”的类型定义文件。 node_modules/@types/angular/index.d.ts(86,18):错误 TS2304:不能 查找名称“JQueryStatic”。 node_modules/@types/angular/index.d.ts(2004,46):错误 TS2304:不能 查找名称“JQueryStatic”。 src/app/search.component.ts(14,19):错误 TS2339:类型“{}”上不存在属性“目标”。 npm 错误!代码 ELIFECYCLE npm 错误! errno 2 npm 错误![电子邮件受保护] /cdn-cgi/l/email-protection build: tsc -p src/npm 错误!退出状态2

据我了解,在安装 jQuery 后,我还更改了其他 node_modules (@types/angular) ?

UPDATE:


正如 @selemmn 推荐的那样,我尝试删除 catch:

rm -r node_modules

npm cache clean之后得到:

npm 错误!从 npm@5 开始,npm 缓存可以从损坏问题中自我修复 并且保证从缓存中提取的数据是有效的。如果你 想要确保一切都一致,请使用“npm 缓存验证” 反而。 npm 错误! npm 错误!如果您确定要删除 整个缓存,使用 --force 重新运行此命令。

So:

npm cache clean --force

npm install

并得到这个错误:

节点前 gyp 错误!堆栈类型错误:无法读取属性“版本” 无效的

所以从gitHub https://github.com/mapbox/node-pre-gyp/issues/298,删除了 package-lock.json 并再次删除了包和缓存。

现在正在尝试npm start把我带到了起点:

node_modules/@types/jquery/index.d.ts(47,40): 错误 TS1005: ',' 预期的。 node_modules/@types/jquery/index.d.ts(2370,40):错误 TS1005:预期为“,”。 node_modules/@types/jquery/index.d.ts(2372,46): 错误 TS1005:应为“,”。 node_modules/@types/jquery/index.d.ts(2483,23): 错误 TS1005: ',' 预期的。 node_modules/@types/jquery/index.d.ts(2484,17):错误 TS1005:预期为“,”。 node_modules/@types/jquery/index.d.ts(2485,17): 错误 TS1005:应为“,”。等等

包.json:

{
  "name": "angular-tut",
  "version": "1.0.0",
  "private": true,
  "description": "Example project from an angular.io guide.",
  "scripts": {
    "test:once": "karma start karma.conf.js --single-run",
    "build": "tsc -p src/",
    "serve": "lite-server -c=bs-config.json",
    "prestart": "npm run build",
    "start": "concurrently \"npm run build:watch\" \"npm run serve\"",
    "pretest": "npm run build",
    "test": "concurrently \"npm run build:watch\" \"karma start karma.conf.js\"",
    "pretest:once": "npm run build",
    "build:watch": "tsc -p src/ -w",
    "build:upgrade": "tsc",
    "serve:upgrade": "http-server",
    "build:aot": "ngc -p tsconfig-aot.json && rollup -c rollup-config.js",
    "serve:aot": "lite-server -c bs-config.aot.json",
    "build:babel": "babel src -d src --extensions \".es6\" --source-maps",
    "copy-dist-files": "node ./copy-dist-files.js",
    "i18n": "ng-xi18n",
    "lint": "tslint ./src/**/*.ts -t verbose"
  },
  "keywords": [],
  "author": "",
  "license": "MIT",
  "dependencies": {
    "@angular/animations": "4.0.3",
    "@angular/common": "~4.0.0",
    "@angular/compiler": "~4.0.0",
    "@angular/compiler-cli": "~4.0.0",
    "@angular/core": "~4.0.0",
    "@angular/forms": "~4.0.0",
    "@angular/http": "~4.0.0",
    "@angular/platform-browser": "~4.0.0",
    "@angular/platform-browser-dynamic": "~4.0.0",
    "@angular/platform-server": "~4.0.0",
    "@angular/router": "~4.0.0",
    "@angular/tsc-wrapped": "~4.0.0",
    "@angular/upgrade": "~4.0.0",
    "@ng-bootstrap/ng-bootstrap": "^1.0.0-alpha.26",
    "angular-in-memory-web-api": "~0.3.1",
    "core-js": "^2.4.1",
    "rxjs": "5.0.1",
    "systemjs": "0.19.39",
    "zone.js": "^0.8.4"
  },
  "devDependencies": {
    "@types/angular": "^1.6.20",
    "@types/angular-animate": "^1.5.7",
    "@types/angular-cookies": "^1.4.4",
    "@types/angular-mocks": "^1.5.10",
    "@types/angular-resource": "^1.5.9",
    "@types/angular-route": "^1.3.4",
    "@types/angular-sanitize": "^1.3.5",
    "@types/jasmine": "2.5.36",
    "@types/node": "^6.0.45",
    "babel-cli": "^6.16.0",
    "babel-preset-angular2": "^0.0.2",
    "babel-preset-es2015": "^6.16.0",
    "canonical-path": "0.0.2",
    "concurrently": "^3.0.0",
    "http-server": "^0.9.0",
    "jasmine": "~2.4.1",
    "jasmine-core": "~2.4.1",
    "karma": "^1.3.0",
    "karma-chrome-launcher": "^2.0.0",
    "karma-cli": "^1.0.1",
    "karma-jasmine": "^1.0.2",
    "karma-jasmine-html-reporter": "^0.2.2",
    "karma-phantomjs-launcher": "^1.0.2",
    "lite-server": "^2.2.2",
    "lodash": "^4.16.2",
    "phantomjs-prebuilt": "^2.1.7",
    "protractor": "~4.0.14",
    "rollup": "^0.41.6",
    "rollup-plugin-commonjs": "^8.0.2",
    "rollup-plugin-node-resolve": "2.0.0",
    "rollup-plugin-uglify": "^1.0.1",
    "source-map-explorer": "^1.3.2",
    "tslint": "^3.15.1",
    "typescript": "~2.2.0"
  },
  "repository": {}
}

更新2:


我不明白 - 我删除了所有包 -rm -r node_modules。同时删除paskage-lock.json并缓存,如果我尝试在整个项目中搜索“jquery”,则什么也找不到,但在我运行之后npm install, package-lock.json正在创建的文件:

"@types/jquery": {
  "version": "3.2.3",
  "resolved": "https://registry.npmjs.org/@types/jquery/-/jquery-3.2.3.tgz",
  "integrity": "sha512-3/ETl4JziXnuFIx6W+WB7BzPGRnYH2O/AFKafSOulabMyAhRfv/oboEO2yytsRvzZDiLFODuydYbr7C0kudB9w==",
  "dev": true
},

那么这个 jQuery 是从哪里来的呢?


我最终通过将 Typescript 版本从 2.2.0 升级到 2.3 使其工作。

这是一个巨大的标题。

我希望这会对某人有所帮助。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angular4 - npm jQuery 错误 TS1005:“,”预期 的相关文章

随机推荐

  • 循环缓冲区的线程安全实现

    boost 库中的 Circular buffer 不是线程安全的 所以我将 boost circular buffer 对象包装在一个类中 如下所示 我认为 线程之间的互斥是通过使用条件变量 互斥锁和锁获取 释放来实现的 这个实现线程安全
  • 如何安装相关的 C++ 库以避免链接器命令失败?

    我最近尝试编译一个C 程序 但发现它给出了这个错误 Undefined symbols for architecture x86 64 std 1 locale use facet std 1 locale id const referen
  • Hibernate 左外连接

    我有这样的 Hibernate 服务方法 SELECT sc FROM SecurityContact sc WHERE sc securityId securityId2 securityId2由用户传入 每个 SecurityConta
  • C#读取ini文件

    我正在尝试读取具有以下格式的 ini 文件 SETTING VALUE SETTING2 VALUE2 我目前有以下代码 string cache sr ReadToEnd string splitCache cache Split new
  • 根据 WooCommerce 中的总支出,每位用户仅自动应用优惠券一次

    我想根据客户总消费金额自动应用优惠券 此优惠券仅需客户使用一次 这是我到目前为止所尝试过的 但我得到了一个空白屏幕 add action woocommerce before calculate totals loyalty order d
  • 如何在 Bash 中间接获取关联数组的键和值?

    在 Bash 中 仅给定一个包含关联数组名称的变量 declare A dict abc 125 def 456 dictvar dict 我们如何检索关联数组的键和值 在 Bash 中 通过间接获取关联数组的键 给定变量中的数组名称dic
  • 如何使表格的重复线性渐变在多个单元格上无缝延续?

    我遇到麻烦了重复线性渐变与桌子 基本上 我无法让它在表格上看起来很漂亮 尤其是在 Chrome 上 即使我将上述规则应用于tr元素 看起来像td元素继承它 而不是具有连续的条纹 而是 锯齿状 的条纹 条纹不会在单元格边框上继续 stripe
  • 共享连接字符串

    我正在开发一个类库 C 我将把它用于我的不同项目 稍后 我的类库 dll 将使用项目的连接字符串 数据上下文 它将引用我的新 dll 我该怎么做 假设我有一个名为 CLP 的类库项目和一个网站项目 WP 我可以添加对 CLP dll 文件的
  • Android 应用程序中的 HTML 到 PDF 转换

    是否可以使用将 html 转换为 pdfjsPdf在 Android 应用程序中 不使用 cordova 或手机间隙 并将文件保存在设备本地 我尝试了这个 单击按钮我调用 jspdf 转换逻辑 但 pdf 没有生成 在 adb 日志中 我在
  • delphi中如何获取当前用户的用户名?

    你好 我在 Windows 8 中使用 delphi FM2 和 XE3 我遇到的问题是我希望用户按下一个按钮 然后导航到位于 appdata ex 中的子文件夹 C Users Kobus AppData Roaming minecraf
  • 有没有办法在 Eclipse 中查找/替换整个项目?

    我正在尝试查找并替换 Eclipse 项目中的许多文件 但我似乎找不到方法来做到这一点 谷歌搜索显示有一些插件可以完成此任务 但是 Eclipse 中有内置功能吗 这似乎是一项非常基本的任务 令我惊讶的是我找不到方法来完成它 Search
  • 更新 Symfony 4 中的实体?

    我的问题很简单 但我找不到一个好的答案 我有一个由命令行创建的实体 php bin console make 实体 该实体是具有很少属性的用户 名称 电子邮件 密码 插入字段后 我进行了迁移 因此我的表已使用这些命令行在数据库中创建 php
  • UnityContainer 和内部构造函数

    我有一个带有内部构造函数的类 想要从 Unity 2 0 中解析它 public class MyClass internal MyClass IService service 然后我在做 container Resolve
  • 如何使用 webpack 2 在字符串模式下使用 CSS Loader 删除所有注释?

    我将此配置用于我的 webpack 2 test css i use ExtractTextPlugin extract use css loader minimize 如何删除基于字符串模式的所有注释 我用这个但是不起作用 css loa
  • 无法解析字符串值中的占位符

    我正在尝试使用来自 properties文件 但似乎不起作用 这是我的代码 Service ServiceFTP Transactional public class ServiceFTPImpl implements ServiceFTP
  • Java 8 JIT线程似乎陷入了无限循环

    我用 Java 8 编写了一个服务器应用程序 并使用 java 1 8 0u25 运行它 前几个小时工作正常 但在收到大约 5k 10k 请求后 VM 进程的一个线程使用了其中一个 CPU 的 100 所以我尝试了jstack让VM进程检查
  • eclipse中有切换面板的快捷方式吗?

    Eclipse具有MDI结构 多文档界面 因此搜索面板 包资源管理器和代码编辑器都可以在一个窗口中打开 但我还没有找到在这些面板之间切换的键盘快捷键 例如 在搜索代码库后 我希望有一个快速快捷方式返回代码编辑器 If I understan
  • 如何通过 d3 使用 JSON 数组

    我是 d3 和 json 的新手 我正在尝试构建水平甘特图 早些时候 我使用存储在 var 数据集中的内联数组实现了相同的效果 但现在我已经用 json object array 替换了数组 process process name 1 s
  • 与 MS Teams 的 GCP 监控警报通知通道(Web Hook)

    我正在尝试在 GCP 监控通知通道中使用 Teams webhook Webhook URL 是通过查看下面的指南创建的 https learn microsoft com en us outlook actionable messages
  • Angular4 - npm jQuery 错误 TS1005:“,”预期

    我的项目一直没问题 直到我通过以下方式安装了 jquery 包 npm install jquery and npm install D types jquery 之后我遇到了一些错误 并决定通过索引文件中的脚本标签使用 jQuery 因此