PhpStorm жалуется, что тип не найден, но все же может открыть файл, определяющий его - PullRequest
Новая
       13

PhpStorm жалуется, что тип не найден, но все же может открыть файл, определяющий его

0 голосов
/ 08 октября 2018

У меня есть проект AngularJS, написанный на TypeScript с PhpStorm.При компиляции с Webpack я получаю следующую ошибку:

Ошибка: (42, 43) TS2694: Пространство имен 'angular' не имеет экспортированного члена 'angularFileUpload'.

Так что есть проблема где-то.Но что меня беспокоит, так это то, что PhpStorm по-прежнему может разрешать тип и открывать файл, определяющий его, при этом жалуясь на то, что тип не может быть разрешен:

Вот анимированный GIF, показывающий поведение: enter image description here

У меня та же проблема с другой библиотекой.

На самом деле, кажется, что наборы, пытающиеся расширить пространство имен ng, позже будут переопределены чем-то, и я не будуt find where.

Я включил @types/ng-file-upload и определил корень типов в моем файле tsconfig, как показано в анимированном GIF-файле.

Заранее благодарен за любые советы, которые вы можете мне дать.

РЕДАКТИРОВАТЬ :

Вот содержимое моего package.json файла: 

{
  "name": "...",
  "version": "0.0.1",
  "description": "...",
  "repository": {
    ...
  },
  "scripts": {
    "gulp": "gulp build --theme=default",
    "gulp:prod": "gulp build --theme=default --env=prod",
    "gulp:watch": "gulp build --theme=default --watch",
    "gulp:watch:prod": "gulp --theme=default --watch --env=prod",
    "webpack:native:watch": "webpack --config build/webpack/config/root.config.ts --env.app=native --env.target=julien-localhost --watch",
    "webpack:native:prod": "webpack --config build/webpack/config/root.config.ts --env.app=native --env.target=production --env.env=prod",
    "webpack:angularjs/admin:watch": "webpack --config build/webpack/config/root.config.ts --env.app=angularjs/admin --env.target=julien-localhost --watch",
    "webpack:angularjs/admin:prod": "webpack --config build/webpack/config/root.config.ts --env.app=angularjs/admin --env.target=production --env.env=prod"
  },
  "dependencies": {
    "angular": "^1.6.9",
    "angular-animate": "^1.6.9",
    "angular-aria": "^1.6.9",
    "angular-clipboard": "~1.6.2",
    "angular-local-storage": "~0.7.1",
    "angular-material": "^1.1.9",
    "angular-messages": "^1.6.9",
    "angular-moment-picker": "^0.10.2",
    "angular-resource": "^1.6.9",
    "angular-sanitize": "^1.6.9",
    "angular-translate": "~2.17.0",
    "angular-ui-notification": "^0.3.6",
    "angular-ui-router.statehelper": "~1.3.1",
    "bootstrap": "^4.1.3",
    "font-awesome": "~4.7.0",
    "inversify": "^4.13.0",
    "jquery": "^3.3.1",
    "jquery-backstretch": "^2.1.16",
    "jquery-mousewheel": "^3.1.13",
    "jquery-ui": "^1.12.1",
    "lodash": "^4.17.10",
    "mainloop.js": "^1.0.4",
    "malihu-custom-scrollbar-plugin": "^3.1.5",
    "moment": "~2.20.1",
    "moment-timezone": "^0.5.14",
    "ng-file-upload": "~12.2.13",
    "parsleyjs": "^2.8.1",
    "particles.js": "^2.0.0",
    "q": "^1.5.1",
    "raven-js": "^3.26.4",
    "reflect-metadata": "^0.1.12",
    "satellizer": "^0.15.5",
    "scrollmonitor": "^1.2.4",
    "toastr": "^2.1.4"
  },
  "devDependencies": {
    "@fortawesome/fontawesome-free": "^5.3.1",
    "@types/angular": "~1.6.43",
    "@types/angular-mocks": "^1.5.11",
    "@types/angular-route": "^1.3.4",
    "@types/angular-ui-notification": "0.0.4",
    "@types/angular-ui-router": "^1.1.40",
    "@types/es6-promise": "^3.3.0",
    "@types/jquery": "^3.3.6",
    "@types/lodash": "^4.14.104",
    "@types/modernizr": "^3.5.2",
    "@types/ng-file-upload": "~12.2.2",
    "@types/node": "^9.6.34",
    "@types/q": "^1.5.1",
    "@types/reflect-metadata": "^0.1.0",
    "@types/source-map": "~0.5.7",
    "@types/uglify-js": "^2.6.30",
    "@types/webpack-env": "^1.13.6",
    "@uirouter/angularjs": "^1.0.15",
    "awesome-typescript-loader": "^3.4.1",
    "browser-sync": "~2.23.6",
    "browser-sync-webpack-plugin": "^2.0.1",
    "chalk": "^2.3.1",
    "circular-dependency-plugin": "^4.4.0",
    "clone": "2.1.2",
    "copy-webpack-plugin": "~4.4.1",
    "force-case-sensitivity-webpack-plugin": "^0.2.1",
    "gulp-angular-embed-templates": "^2.3.0",
    "gulp-autoprefixer": "^5.0.0",
    "gulp-compass": "^2.1.0",
    "gulp-ng-annotate": "^2.1.0",
    "gulp-yaml-packages": "~1.0.15",
    "html-webpack-plugin": "~2.30.1",
    "loader-utils": "^1.1.0",
    "ngtemplate-loader": "~2.0.1",
    "node-neat": "^2.0.0-beta.0",
    "raw-loader": "0.5.1",
    "ts-loader": "~3.5.0",
    "ts-node": "~5.0.0",
    "tslib": "^1.9.0",
    "tslint": "~5.9.1",
    "tslint-loader": "~3.5.3",
    "typescript": "^2.9.2",
    "url-loader": "0.6.2",
    "webpack": "^3.11.0",
    "webpack-merge": "~4.1.1",
    "webpack-strip-block": "github:jballant/webpack-strip-block"
  }
}

1 Ответ

0 голосов
/ 08 октября 2018

Я обнаружил проблему ...

Мой tsconfig.json файл содержит: 

{
    "compilerOptions": {
        [...]
        "types": ["reflect-metadata", "webpack-env"]
    }
}

И это проблема, это ограничивает набор типов, включаемых компилятором вте, которые определены в параметре:

https://www.typescriptlang.org/docs/handbook/tsconfig-json.html#types-typeroots-and-types

Это еще одна проверка, которую вам необходимо выполнить, если вы находитесь в такой же ситуации.

Если это может кому-то помочь.

...