javascript - module 'ng' has no exported member 'ui' when using ui-router type definition for ty

admin管理员组

文章数量:1302406

I am trying to use this typescript definition file for ui-router:

.d.ts

Here is the code at the top of the definition file:

// Type definitions for Angular JS 1.1.5+ (ui.router module)
// Project: 
// Definitions by: Michel Salib <;
// Definitions: 

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

declare module ng.ui {

    interface IState {
    ...

Here is how I am using it:

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(...

This was working in Visual Studio but now with WebStorm I get a message saying "

module 'ng' has no exported member 'ui'

Can someone give me advice on this. Is this something to do with a different module system with WebStorm?

I am trying to use this typescript definition file for ui-router:

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

Here is the code at the top of the definition file:

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

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

declare module ng.ui {

    interface IState {
    ...

Here is how I am using it:

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(...

This was working in Visual Studio but now with WebStorm I get a message saying "

module 'ng' has no exported member 'ui'

Can someone give me advice on this. Is this something to do with a different module system with WebStorm?

• javascript
• angularjs
• typescript
• webstorm

Share Follow asked Dec 12, 2014 at 16:21 Samantha J T StarSamantha J T Star 32.8k8989 gold badges256256 silver badges441441 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

Have you tried adding a reference ment in your module source file? Something like...

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

Visual Studio doesn't require this because its msbuild tasks automatically tell the piler to reference any definition that are included in the project. I'm guessing WebStorm doesn't use msbuild project files.

1. Ensure the @types/angular-ui-bootstrap npm package is installed.

   npm install @types/angular-ui-bootstrap

2. Check your tsConfig.json file, in pilerOptions, look for a types array. Try removing types or replacing with typeRoots. Something like this:

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

本文标签：