module 'ng' không có thành viên xuất khẩu 'ui' khi sử dụng định nghĩa kiểu ui-router cho nguyên cảo

Question

Tôi cố gắng để sử dụng nguyên cảo này tập tin định nghĩa cho ui-router:

https://github.com/borisyankov/DefinitelyTyped/blob/master/angular-ui/angular-ui-router.d.ts

Đây là mã tại hàng đầu của tập tin định nghĩa:

// Type definitions for Angular JS 1.1.5+ (ui.router module) 
// Project: https://github.com/angular-ui/ui-router 
// Definitions by: Michel Salib <https://github.com/michelsalib> 
// Definitions: https://github.com/borisyankov/DefinitelyTyped 

/// <reference path="../angularjs/angular.d.ts" /> 

declare module ng.ui { 

    interface IState { 
    ... 

Sau đây là cách tôi đang sử dụng nó:

module MyModule 
{ 
    export class MyStateConfig 
    { 
     constructor(
      //      -> error on the word ng.ui on next line 
      private $stateProvider: ng.ui.IStateProvider, 
      private $urlRouterProvider: ng.ui.IUrlRouterProvider 
      ...) 
     { 
      this.$stateProvider.state(... 

này đang làm việc tại Visual Studio nhưng bây giờ với WebStorm tôi nhận được một thông báo "

module 'ng' không có người xuất khẩu thành viên 'ui'

Ai đó có thể cho tôi lời khuyên về vấn đề này. Đây có phải là một cái gì đó để làm với một hệ thống mô-đun khác nhau với WebStorm?

Answer 1

Bạn đã thử thêm nhận xét tham chiếu vào tệp nguồn mô-đun chưa? Một cái gì đó như ...

/// <reference path="path/to/angular-ui/angular-ui-router.d.ts" /> 

Visual Studio không yêu cầu điều này vì các tác vụ msbuild của nó tự động yêu cầu trình biên dịch tham chiếu bất kỳ định nghĩa nào được đưa vào dự án. Tôi đoán WebStorm không sử dụng các tệp dự án msbuild.

Answer 2

1. Đảm bảo gói npm được cài đặt.

   npm install @types/angular-ui-bootstrap

2. Kiểm tra tsConfig.json tập tin của bạn, trong compilerOptions, tìm kiếm một mảng types. Thử xóa types hoặc thay thế bằng typeRoots. Một cái gì đó như thế này:

   "compilerOptions": { "target": "ES5", "sourceMap": true, .... .... "typeRoots": [ "node_modules/@types" ] },