前言 模块在其自身的作用域里执行，而不是在全局作用域里；这意味着定义在一个模块里的变量，函数，类等等在模块外部是不可见的，除非你明确地使用export之一导出它们。 相反，如果想使用其它模块导出的变量，函数，类，接口等的时候，你必须要导入它们，可以使用import之一。 模块是自声明的。在TypeScript里，两个模块之间的关系是通过在文件级别上使用import和export建立的。 下面话不多说了，来一起看看详细的介绍吧 ES6 模块导...
本文介绍了使用typescript开发angular模块并发布npm包，分享给大家，具体如下：创建模块初始化package.json文件执行命名 npm init -y会自动生成package.json文件如下，name默认为文件夹名称 {"name": "MZC-Ng-Api","version": "1.0.0","description": "","main": "index.js","scripts": {"test": "echo \"Error: no test specified\" && exit 1"},"keywords": [],"author": "","license": "ISC" } 在此基础上可以设置默认生成值 np...
我试图将TypeScript中的以下代码编译为JavaScript：namespace MyNamespace {class MyClass {public test() {return 1;}} }如果我将关键字命名空间替换为模块,它仍然会生成完全相同的JavaScript代码.那么,模块和命名空间之间有什么区别？何时应该选择一个呢？解决方法:So what is the difference between a module and namespace and when should I choose one over another它们完全相同.模块导致与本机JavaScript(例如ES6模块)混淆...
我刚刚开始使用TypeScript进行实验,并且我有以下项目结构：-src | index.ts | MyClass.ts -node_modules-npm_js_module| index.js| utils.js- src| someModuleFile.js| someModuleFile2.js我需要在MyClass.ts中使用npm_js_module / index.js(以及pm_js_module / src中的函数,但index.js需要这些函数)中的函数.该模块是无类型的,没有其他人可以在线输入.甚至可以在打字稿项目中使用未打字的JavaScript NPM模块吗？ 当我尝试编译该项...
当我尝试在浏览器中运行应用程序时,在调试控制台窗口中出现以下消息：Module name "Person" has not been loaded yet for context: _. Use require([])当然,如果合并.ts文件的内容,则所有文件都可以正常工作. 我创建了Person.ts文件：export interface IPerson {firstName: string;lastName: string; }export class Person implements IPerson {private _middleName: string;public set middleName(value: string) {if (value.leng...
我使用@ angular / cli在3周前生成了Angular 4 app. 2周后,我尝试使用命令行“ng serve”运行它,但我在下面提示错误：Cannot find module 'typescript' Error: Cannot find module 'typescript'at Function.Module._resolveFilename (module.js:469:15)at Function.Module._load (module.js:417:25)at Module.require (module.js:497:17)at require (internal/module.js:20:19)at Object.<anonymous> (C:\Users\mypc\Documents\Ang...
在TypeScript中定义模块有两种方法： “单身人士”的生活方式：import app = require("durandal/app"); import ko = require("knockout");export var name = ko.observable();export function sayHello() {app.showMessage('Hello ' + name() + '! Nice to meet you.', 'Greetings'); }“瞬态”生活方式：import app = require("durandal/app"); import ko = require("knockout");class AnythingYouLike {name = ko.observable();s...
我在typescript中编写了一个简单的组件,它依赖于d3.我想在npm上发布这个组件,并将其用作全局,commonjs模块或打字稿模块.该组件看起来像这样：/// <reference types="d3" /> class MyAwesomeComponent {data(data: IMyDataFormat) {// set data, etc.}render() {// do stuff with d3} } interface IMyDataFormat {// keys/types }我的tsconfig.json文件目前看起来像这样：{"compilerOptions": {"module": "none","target": "es5","n...
我正在尝试使用karma / jasmine设置SPA的单元测试 首先,以下测试在业力中运行良好：/// <reference path="../../definitions/jasmine/jasmine.d.ts" /> /// <reference path="../../src/app/domain/core/Collections.ts"/>define(["app/domain/core/Collections"], (collections) => {describe('LinkedList', () => {it('should be able to store strings for lookup', () => {var list = new collections.Collections.LinkedList<...
我正在尝试创建一个单独的AMD库(模块)文件,该文件是由许多小文件(编译为JavaScript-AMD模块的TypeScript文件)构建的. 问题是： >我在类之间有循环依赖关系. (家长需要知道孩子和孩子需要知道父母)>我想摆脱所有的define()和require()调用,除了“myLibrary”的主要定义 创建单个文件的主要原因： >加载时间(不应使用requirejs来引用所有小文件)> AMD模块无法(？)重新调整的循环依赖项 我的主要问题是： >有没有工具可以做到这一点？...
有没有人找到一种方法从另一个文件导入模块而不使用AMD或CommonJS(使用import关键字)？我不认为这是可能的,但我想仔细检查以防有一些聪明的方法来做到这一点. 假设我们不想要AMD或CommmonJS,我只是使用///引用语法将类型拉入文件中.这给了我类型,我根本不必使用import.只是意味着我必须在HTML中自己正确地订购脚本标签.但是我现在对此很好./// <reference path="router.ts" />解决方法:是 – 您在不使用CommonJS或AMD时使用参考注释...
我正在开始一个新的Web项目并尝试使用TypeScript,主要是作为ES6转换器,还有类型检查的额外好处,特别是对于现有的库,例如jQuery和DefinitelyTyped类型定义. 从最新版本开始,TypeScript既支持自己的内部模块,也支持ES6模块,后者称为“外部”模块.因为ES6比TypeScript更标准,我的意图是使用ES6 /外部模块而不是传统/内部TypeScript模块. 我在几个文件/模块中定义了自己的代码,但我希望构建生成一个可以从浏览器加载的.js文件. 问题是,...
在我的React项目中,我在webpack配置中定义了一个模块别名.我想开始转向Typescript. //我试图尽可能地简化设置 这是我在根文件夹中的tsconfig.json：{"compilerOptions": {"target": "es6","module": "es6","moduleResolution": "node","jsx": "react","noImplicitAny": true,"strictNullChecks": true,"sourceMap": true,"lib": ["dom","es2015","es2016"],"baseUrl": "./src","paths": {"app": ["./app"]}},"include": ["src/**/*...