Typescript:导入内部名称空间
Typescript是一种开源的编程语言，它是JavaScript的超集，可以编译为纯JavaScript代码。Typescript通过添加静态类型和其他特性来增强JavaScript的功能，使得开发更加可靠和高效。
在Typescript中，可以使用内部名称空间（Internal Namespace）来组织和管理代码。内部名称空间是一种将相关的代码组织在一起的方式，可以避免全局命名冲突，并提供更好的代码可读性和维护性。
要导入内部名称空间，可以使用import关键字，后跟名称空间的路径。例如，假设有一个名为MyNamespace的内部名称空间，可以使用以下方式导入：
import MyNamespace = MyModule.MyNamespace;这将使得MyNamespace在当前文件中可用，并可以使用其中定义的变量、函数和类。
内部名称空间的使用场景包括但不限于以下几种：
- 组织大型项目的代码：内部名称空间可以将相关的代码组织在一起，提高代码的可读性和维护性。
- 避免全局命名冲突：通过将代码放在内部名称空间中，可以避免不同模块之间的命名冲突，提高代码的可靠性。
- 封装私有成员：内部名称空间可以将一些私有成员隐藏起来，只暴露需要对外使用的接口。
腾讯云提供了云计算相关的产品和服务，其中与Typescript开发相关的产品包括云函数（Serverless Cloud Function）和云开发（Tencent Cloud Base）。云函数是一种无需管理服务器即可运行代码的计算服务，可以使用Typescript编写函数逻辑。云开发是一套面向开发者的云原生应用开发框架，支持Typescript语言，并提供了丰富的后端服务和开发工具。
更多关于腾讯云云函数的信息，请访问：云函数产品介绍。
更多关于腾讯云云开发的信息，请访问：云开发产品介绍。
相关·内容
概述：--我正在构建一个TypeScript声明-- NPM/GitHub软件包库()，希望导入到我的项目中，但导入到项目时遇到了问题。
项目：
import { ICoordinates } from 'typescript-declarations';
错误：
Module '"typescript-declarations"' has no exported member 'ICoordinates'.
我尝试过的：
我试过修改package.json
我试过修改tsonfig.json
我从type导出了src
浏览 1提问于2021-06-26得票数 1
2回答
我最近有一个Node.js项目，我将其从兼容ECMAScript 6的JavaScript转换为TypeScript。我仍然不完全熟悉TypeScript和ES6是如何交互的，特别是在名称空间和类型方面。
我的项目中有一个名为sql的子文件夹，听起来它导出了许多函数，以便与项目的MySQL数据库进行交互。我想在Sql.Models命名空间中组织我的DB模型类型，这样它们就可以被引用，例如Sql.Models.User。我希望在sql文件夹内的一个或多个.d.ts文件中声明我的模型，但我不知道如何正确组织，以便这些类型可以在其他地方引用。我显然不能require或import一个.d.ts文件；
浏览 1提问于2017-03-05得票数 2
1回答
我有一个带有导入到另一个文件的主TypeScript文件，如下所示：
import './app.run';
我使用将ts文件编译成一个包，然后在html页面中使用System，如下所示：
System.import('app/app.module');
但是在我的包中，所有文件导入都被commonjs语句替换，如下所示：
require('./app.run');
当不再存在app.run文件时，因为所有的东西都是捆绑的。如何在不导入外部文件的情况下正确地打包ts？
浏览 2提问于2015-08-02得票数 2
回答已采纳
我在试着理解typescript是如何工作的。我有class的文件，例如：
export class Aclass {
}
在另一个文件中还有另一个类：
export class Bclass {
constructor(private a:Aclass) {
}
}
这会给出一个关于unresoved类型的错误。这样做的正确方法是什么？
更新:有没有办法避免在所有文件中导入？
浏览 3提问于2016-03-05得票数 2
我在当前的项目中使用TypeScript和Ramdajs。我刚刚意识到遗漏了一些类型，即没有为innerJoin函数键入类型( @types/ramda版本为0.25.36，我现在是最新的)。我尝试在项目中的一个单独文件中添加自定义定义：
declare namespace R {
interface Static {
innerJoin(): any;
}
}
甚至：
declare let R: R.Static;
declare namespace R {
interface Static {
innerJoin(): any;
浏览 0提问于2018-08-12得票数 3
回答已采纳
1回答
有没有办法配置vscode自动导入(或插件)让typescript看起来像： import * as foo from './foo' 而不是： import { a, b, c } from './foo'
浏览 70提问于2020-03-25得票数 2
回答已采纳
我有一个依赖于的节点应用程序。我想在这个模块中定义的一个类中添加一个属性。我尝试通过模块增强来定义我的新属性：
// my-custom-hapi-typings.d.ts
import * as hapi from 'hapi';
declare module hapi {
interface Server {
myProperty: string;
}
}
这不会导致任何编译器错误，但也不会将myProperty属性添加到Server类中。当我尝试引用这样的属性时，在我的项目的其他地方仍然会出现错误：
// my-other-file.ts
浏览 4提问于2017-10-24得票数 5
回答已采纳
如何从特定文件导入所有类型？
假设我有myClass.ts和otherClass.ts。我想从otherClass.ts导入所有的类。
我很少看到进口的语法。
import ClassA, { ClassB, ClassC } from 'otherClass';
import * as foo from 'otherClass';
import foo = require('otherClass');
import 'rxjs/Rx';
第一个需要我列出所有的东西。我想进口所有类型的。
第二种语法需要名称空间前缀：
浏览 3提问于2016-03-29得票数 78
回答已采纳
我目前正在为两个库编写TypeScript定义文件，这两个库应该通过新的@types方法使用。两者都遵循UMD模式。您可以将它们作为模块使用，也可以在<script>标记中引用它们。
第一个是直接写的，因为两种消费方式看起来像这样：
import { AccessManager } from 'twilio-common';
const manager = new AccessManager('XXXXXXXX');
或
const manager = new Twilio.AccessManager('XXXXXXXX');
我通过
浏览 1提问于2016-10-21得票数 3
我正在为typescript添加一个声明文件到包中。有一些类似如下的语法：
const Sequelize = require('Sequelize');
//...
class Application {
Sequelize = Sequelize;
}
所以我写了一个文件(index.d.ts)，如下所示：
import * as Sequelize from 'sequelize'; // this @types/sequelize export a namespace
//...
interface Application{
Sequel
浏览 1提问于2018-01-05得票数 1
我想用一个rxjs5静态函数扩展Observable类。我可以在普通的JavaScript中这样做：
var myStaticFn = function() { /* ... */ };
Observable.myStaticFn = myStaticFn;
这是可行的，但是在TypeScript中，我不能访问Observable.myStaticFn，因为属性myStaticFn在类Observable中不知道。
如何声明/增强rxjs5模块Observable类，以便以类型安全的方式访问函数？
注意:作为起点，下面的示例演示如何将非静态函数扩展到可观察的(例如创建自定义的rxjs操作符)，
浏览 4提问于2016-10-13得票数 2
回答已采纳
实际上还有一个类似的问题：How do I fix typescript compiler errors on css files? 所以我尝试在typescript中导入css模块，如下所示： import * as styles from "./App.css";
//App.tsx return some jsx:
<h3 className={styles["background"]}>CSS Here</h3> // ./App.css
.background {
background-color: pink;
浏览 27提问于2020-11-05得票数 1
回答已采纳
1回答
这个问题与Kendo UI没有直接关系，但更多的是关于TypeScript名称空间声明。
我正在尝试从Kendo UI库中导入一些接口。剑道UI的index.d.ts结构如下：
declare namespace kendo.ui {
class Draggable extends kendo.ui.Widget { ... }
interface DraggableEvent { ... }
// ... other declarations
}
现在，我将此声明导入到TypeScript文件中，如下所示：
import '@progress/kendo-ui
浏览 0提问于2017-10-18得票数 2
在Typescript 3.6.3中，我想为没有@types包的模块创建一个声明。 其中一个函数参数是在另一个定义了类型的模块中定义的。 geobuf.d.ts import Pbf = require('pbf');
declare module 'geobuf' {
export function encode(obj: any, pbf: Pbf): Uint8Array;
} 然而，当我这样做时，TypeScript似乎想要在模块增强模式下工作(可以理解，因为我在声明文件中有一个导入)。我得到了错误： TS2665: Invalid module
浏览 21提问于2019-10-08得票数 0
我是TypeScript的新手，我正在尝试从node.js导入fs包，但是这个语法是错误的，我不确定我应该怎么做。
import * as "fs" from "fs";
浏览 0提问于2021-12-03得票数 0
我开始编写TypeScript定义文件，并希望了解以下两个结构之间的区别：
declare module activedirectory
和
declare module "activedirectory"
由于某些原因，前者允许我使用我的角服务中的任何类，而不需要任何类型的导入声明(例如。import activedirectory = require('activedirectory')。每当我在代码中声明后一个模块时，它就会破坏对内部模块的引用，例如：
module myModule.Services {
'use strict';
浏览 3提问于2015-09-11得票数 9
回答已采纳
我有以下使用Typescript的import语句： import * as React from 'react';
import { MouseEvent } from 'react' Typescript抱怨我应该组合这些多个导入。我尝试了以下方法，但导入的MouseEvent是不同的： import MouseEvent, * as React from 'react' 在这个组合导入语句中，MouseEvent与通过import { MouseEvent } from 'react'导入的不同。 出于某种原因，Types
浏览 46提问于2019-03-19得票数 0
回答已采纳
最近，我从开发人员那里读到了相当多的内容，他们建议不再使用名称空间，而是改用现代模块处理。我在教初学者使用TypeScript编程，命名空间在这里非常有价值，因为人们可以在单个目录和子目录中在更长的时间内处理多个任务，而不必处理多个编译器配置文件和模块导出和导入。它们只是为任务定义一个名称空间，并在为其创建的所有文件中使用该名称空间。
所以我的问题是: TypeScript中有停止使用名称空间的计划吗？
浏览 2提问于2020-10-23得票数 0
我试图将这个模块导入到我的Typescript文件中，但它抛出了一个关于如何导入模块的错误。这是一个Google Firebase函数脚本，但我正在将此模块导入到我的项目代码的其他区域。 10 const flamelinkApp = flamelink({
~~~~~~~~~
src/index.ts:3:1
3 import * as flamelink from 'flamelink/app';
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Typ
浏览 71提问于2021-05-02得票数 1
我试图在一个程序中使用TypeScript版本4.0.2。我已经创建了一个用TypeScript编写的简单TypeScript程序的简化示例，它使用BigNumber来解决这个问题，
我真的很难让TypeScript 2.3.4引入BigNumber的类型定义。有人知道怎么做吗？以下是我到目前为止尝试过的
理想情况下，我想简单地运行npm install bignumber.js --save、npm install @types/bignumber.js --save、使用ES6导入(如import BigNumber from 'bignumber.js' )，并让Type
浏览 9提问于2017-06-17得票数 1
回答已采纳
1回答
在TypeScript文档中，作为内部TypeScript模块被调用，为了在单个文件中使用它们作为引用，我们必须向名称空间中添加一个参考标头，如文档中提到的：/// <reference path="Validation.ts" />。但是，我们也可以使用：export declare namespace MyNameSpace导出和声明名称空间，然后将其导入任何其他实体。是否有任何理由建议我们使用header ref标记而不是导出名称空间声明。
在听到关于编译和运行时顺序的第一个答案之后，我想也许最好提供一个示例，这里是一个简单的问候应用程序，它包含三个带有声明命
浏览 1提问于2018-09-22得票数 2
我对TypeScript很陌生，我读到的关于模块和命名空间的文章越多，就越让我感到困惑。我应该和模块一起去吗？我应该使用名称空间吗？我应该两者都用吗？帮助!
我有现有的javascript (.js)文件，我正试图将这些文件转换为TypeScript。有一个.js文件具有一些通用函数，一个.js文件具有特定于过滤器的一些函数。
现在，我想更多地用TypeScript来组织这个问题，就像我通常对C#所做的那样。
这是正确的用法，还是该如何组织？
我不是在用模块，对吗？(如何？)
Company.ts
namespace Company {
// nothing yet, but i
浏览 5提问于2016-11-24得票数 5
回答已采纳
我们有一个包含一些TypeScript文件的VisualStudio2017项目。在一些地方，我们有一个URLs类，它的实现是不同的，因此我们可以根据输入的文件更改站点URL，例如：
customer/urls.ts
namespace Portal {
export class URLs {
static homePage(): string { return "/customer"; }
}
}
supplier/urls.ts
namespace Portal {
export class URLs {
static
浏览 0提问于2018-04-03得票数 1
我在运行npm start时收到以下错误：
与自定义TypeScript模块和命名空间@typescript-eslint/no-命名空间相比，最好使用ES2015模块语法
namespace InternalThings {...}
我试图对此进行研究，但它非常令人困惑。
为什么会发生这种情况？如何修复它？
我试着在我的tsconfig.json上放一些旗帜，但到目前为止还没有成功；
浏览 5提问于2019-10-07得票数 31
回答已采纳
2回答
我有一个现有的Range2Project，现在我必须使用一个使用名称空间的外部TypeScript库。我需要从外部库中导入一些类，这样我就可以使用它们了。
externalLibrary.ts
namespace com.foo.bar {
export class A {
doSomething() {
}
}
}
在我的Angular2组件中，我想做的是：
myA: A = new A();
myA.doSomething();
到目前为止，我已经尝试过：
1)
import {A} from '../dir/externalLibrary';
浏览 0提问于2017-12-05得票数 1
我有angular2应用程序，而且我正在使用immutable.js。当我使用immutable中的用户Map函数时，typescript编译器卡住了。当我没有从immutable.js导入类型时，它工作得很好，但是我从`immutable.js中使用的每个函数都会出错。
import {Map} from 'immutable';
这是阻止typescript的行。
浏览 1提问于2016-02-10得票数 7
我正在将一个Range1.5项目转换为TypeScript，并遇到了导入angularTranslate时遇到的问题。
我试图像这样导入和：
import * as angular from "angular";
import * as angularTranslate from "angular-translate";
console.log(angular, angularTranslate);
我使用的是从安装的类型。
当我用TypeScript 1.8 (module: "commonjs")编译时，它会发出这个JavaScript：
浏览 3提问于2016-06-20得票数 5
回答已采纳
2回答
在TypeScript中，我可以定义一个全局/顶级名称空间，并在另一个文件中使用它，如下所示：
namespace foo.blah {
export function baz() {
console.log('hello');
}
}
在另一个文件中，这是可行的：
foo.blah.baz();
但是，如果我随后从另一个模块导入某些内容：
import Thing from 'boo';
namespace foo.blah {
export function baz() {
console.log(&
浏览 1提问于2015-11-23得票数 9
3回答
我需要一些与Typescript相关的帮助以及如何在内部模块中使用外部模块。
我希望将所有ViewModel代码逻辑存储在ViewModels内部模块中。
** HomePageViewModel.ts **
module ViewModels {
export class HomePageViewModel {
constructor() {
console.log('Creating HomePageViewModel');
}
public SayHello(): void {
console.log('H
浏览 0提问于2014-10-17得票数 2
下面是的TypeScript类型
declare namespace HtmlValidator {
// ...
enum ValidationResultsOutputFormats {
json = 'json',
html = 'html',
xhtml = 'xhtml',
xml = 'xml',
gnu = 'gnu',
text = 'text'
}
浏览 0提问于2019-08-15得票数 0
我的TypeScript项目中有一个声明文件，如下所示：
// myapp.d.ts
declare namespace MyApp {
interface MyThing {
prop1: string
prop2: number
}
}
这很好用，我可以在项目中的任何地方使用这个名称空间，而不必导入它。
我现在需要从第三方模块导入一个类型，并在我的环境声明中使用它：
// myapp.d.ts
import {SomeType} from 'module'
declare namespace MyApp {
interface MyThing
浏览 126提问于2017-07-14得票数 44
回答已采纳
我有这个TypeScript节点模块，它导入了一些基本错误(errors1和errors2)并定义了一些特定于模块的errors3
// in errors3.ts
import errors1 from './errors1'
import errors2 from './errors2'
const errors3 = {
...
}
export default ? // <-- want to merge and export all errors here
有没有一种方法可以将所有3个错误对象合并到一个默认导出中，而不需要手动将这些对象显
浏览 0提问于2017-12-13得票数 0
我正在尝试在我的项目中使用新的ol (>6.0.0)和typescript。在以前的版本中，我可以像这样使用它- ///<reference path='../@types/openlayers/index.d.ts'/> 并使用全局ol对象，例如 ol.source.OSM() 但是更新版本的ol实际上没有这个单一的对象，而是许多模块。我尝试引用包含新ol类型的文件夹的路径，但它似乎并不能真正起作用。另一方面，当我试图导入它们时，例如 import * as Map from 'ol/Map' 它说，我必须在我的typescript配置中使
浏览 66提问于2020-09-29得票数 3
我试图在一个d.ts文件中创建一个带名称空间的接口，以便在另一个使用相同名称空间的文件中使用，但是我的集成开发环境在新文件中用消息Cannot find name 'IProps'. ts(2304)标记了这个接口。 我已经全局安装了Typescript 3.3.333333。我的VScode集成开发环境状态栏显示Typescript 3.3.3。 /*
t.d.ts
*/
import {Map} from 'immutable';
declare namespace Configs {
export type Power = {
浏览 53提问于2019-03-23得票数 0
我正在使用TypeScript中的队列库Bull。其定义是：
node_modules/@types/bull/index.d.ts
declare const Bull: {
(queueName: string, opts?: Bull.QueueOptions): Bull.Queue;
// something like above
};
declare namespace Bull: {
interface Queue {}
interface Job {}
// some other non-exported interfaces
}
export = B
浏览 4提问于2018-04-09得票数 6
回答已采纳
我不知道在适用个别公约时有何不同和后果。
我指的只是关于DateTime、PDO、异常等类型内部类的规则。
<?php
namespace App;
class Foo
{
public function bar(\DateTime $baz): void
{
}
}
vs
<?php
namespace App;
use DateTime;
class Foo
{
public function bar(DateTime $baz): void
{
}
}
一个或另一个解决方案背后的论据是什么？你能说任何解决方案都更好吗？
浏览 0提问于2019-09-10得票数 0
使用TypeScript 2命名空间，如何获得代码来识别添加到子文件夹中的命名空间中的类。
(我使用的是AngularJS 1.5和Webpack，但两者都不应该参与其中。)
在下面的示例中，指令D1位于指令下的文件夹中，而_bootstrap_directives.ts无法解析它。它会得到以下错误：
error TS2339:在“类型指令”.类型中不存在属性“D1Directive”
也许我只需要创建myLibrary.d.ts来显式地定义契约？
-
directives
> d1
> d1.directive.ts
> d1.scss
> _bootstra
浏览 1提问于2016-10-26得票数 1
回答已采纳
在TypeScript中，
import http = require('http');
和
var http = require('http');
我看到这两种方式都在代码源代码中使用，它们是可互换的吗？
浏览 2提问于2015-04-25得票数 23
回答已采纳
TL；博士--我想为已编译的PureScript模块创建TypeScript类型，并将它们分发到我的npm包中。我非常乐意手动维护这些类型，我只是不知道我需要在tsconfig.json (上下游)和package.json中放什么。
我有一个，其中的核心功能是用TypeScript CLI在PureScript中实现的，所有这些最终都是通过npm作为JavaScript分发的。我创建了一个具有更简单布局的：
.
├── cli # TypeScript CLI project
│ ├── main.ts
│ └── tsconfig.json
│
浏览 5提问于2017-09-30得票数 5
回答已采纳
2回答
在typescript中，我可以像这样导入另一个module\命名空间：
namespace Shapes2 {
import shapes = Shapes;
var bar = new shapes.Bar();
}
但是，我可以很容易地直接引用名称空间。
namespace Shapes3{
var shapes = Shapes;
var bar = new shapes.Bar();
}
import做了什么有用的事情吗？
什么时候我想要输入import而不是var
浏览 0提问于2016-04-19得票数 8
我正在做一个使用Create React App (不是弹出的)构建的项目，并且我已经安装了codemirror和模块。
设置类型的方式是使用来增加类型，以匹配Codemirror通过插件添加功能的方式。
例如，如果您只执行以下操作：
import {EditorConfiguration} from "codemirror"
在@types/codemirror/index.d.ts中定义的默认EditorConfiguration接口没有styleActiveLine属性
但是如果你这样做：
import {EditorConfiguration} from "co
浏览 0提问于2019-12-05得票数 0
我正在将现有的Node.js项目转换为完全基于TypeScript的项目。我之前有一个静态Sql类(一个带有包含MySQL助手函数的子对象的对象)。Sql.user.findById就是一个例子。Sql类还有一个query函数，用于执行原始MySQL查询，而不需要公开底层的MySQL连接。
我现在想要的是一个名为Sql的名称空间，其中包含query函数，然后在过去包含子类的文件中，我想要像Sql.User这样的名称空间来导出像findById这样的函数。
问题是，当我能够访问嵌套名称空间中的query时，我不知道如何像这样嵌套名称空间。
现在我有的是这样的：
sql.ts
import * a
浏览 6提问于2017-03-03得票数 2
在TypeScript手册中的一节中，它显示了如下所示的导入语句：
import x, {y} from "hot-new-module";
它没有解释为什么上述语句中的y使用大括号。如果x和y都在大括号内(即import {x, y} from...)，那么它可能不会引起我的注意--但是现在我想知道为什么其中一个在里面，而不是另一个。
这些牙套到底意味着什么？你怎么选择把什么东西放进牙套里？
浏览 5提问于2017-10-04得票数 1
回答已采纳
以前我可以这样做：
import foo = require('foo');
但是现在TypeScript (1.5)支持es6模块语法，在ES6模块语法中实现相同的正确方法是什么。
浏览 10提问于2015-04-13得票数 82
回答已采纳
我的TypeScript项目已经发展到中等规模，我正努力想出一种很好的方法来组织它。
现在，该项目(一个角1.x应用程序)具有以下结构：
-app/
|
|-components/
| |
| |-component A/
| | |
| | |-(..models..).ts
| | |-(..services..).ts
| |
| |-component B/
| | |
| | |-(..models..).ts
| | |-(..directives..).ts
| |
| (...)
| |
| |-component Z/
| | |
| |
浏览 8提问于2016-01-27得票数 5
回答已采纳
大约6个月以来，我们使用Typescript代替了简单的JavaScript。
目前，我们的代码正在增长(大型应用程序)，一些typescript文件大约有3000到5000行代码。
在我们的前端，1个文件主要是1个视图(例如，historyView.cshtml有一个history.ts)。但是我们前端的一些视图真的很大，可以做很多漂亮的UI工作。
举个例子：
history.ts
namespace history
{
// 10 base functions here
export namespace zoomfunction
{
// 10 mo
浏览 0提问于2017-04-10得票数 0
4回答
不确定这在Golang中是否是不可能的。使用Node.js时，我会这样做：
import * as person from './person';
export {person};
对于Golang，我有models.go
package models
import (
"huru/models/person"
)
是否可以从这个models.go文件中导出person，在类似TypeScript/node.js这样的person名称空间中？
浏览 1提问于2018-10-23得票数 1
在访问javascript中的TypeScript模块时，我似乎必须进行完全命名。这是正确的吗？
我的TypeScript是：
export module App.editor.menu {
export class File {
static isOpenEnabled() {
return false;
}
static openClicked() {
debugger;
}
}
}
我的javascript是：
Ext.onReady(function ()
浏览 2提问于2013-11-08得票数 0
回答已采纳
我有一个问题，我正在使用一些外部库，它们具有几乎相等的名称空间，例如：
declare module Test.Internal.Blubb {
interface IAnzeige {
Option: Internal.AnzeigeOptionen.IAnzeigeOptionen;
}
}
declare module Internal.AnzeigeOptionen {
interface IAnzeigeOptionen {
AnzeigeX: number;
AnzeigeY: number;
}
}
浏览 0提问于2015-06-09得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
