缺省导出的Typescritp语法
缺省导出的Typescript语法是指在Typescript中，默认情况下，如果没有使用export关键字显式地将某个变量、函数或类导出，它们将被视为私有的，无法在其他文件中访问。
缺省导出的语法主要有以下特点和应用场景：
- 概念：缺省导出是指在Typescript中，将某个模块的默认导出定义为一个默认导出成员。这个默认导出成员在其他文件中可以通过导入该模块并使用其默认导出来访问。
- 分类：缺省导出可以适用于变量、函数和类。
- 优势：使用缺省导出的语法，可以简化模块的导入和使用，减少代码冗余。
- 应用场景：
- 变量的缺省导出：可以使用缺省导出语法将一个变量导出为默认导出，方便其他文件直接引用。
- 函数的缺省导出：可以使用缺省导出语法将一个函数导出为默认导出，方便其他文件直接调用。
- 类的缺省导出：可以使用缺省导出语法将一个类导出为默认导出，方便其他文件直接实例化或继承。
- 推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云函数计算（SCF）：https://cloud.tencent.com/product/scf
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
需要注意的是，缺省导出的语法只是Typescript语法中的一种方式，可以根据具体的开发需求和场景选择是否使用缺省导出。
相关·内容
1回答
我正在做一个项目，我想为我的购物车保持redux状态，但似乎遗漏了一些东西。这是我的店： import { createStore } from "redux";
import counterReducer from "../store/reducers/reducers";
import { persistStore, persistReducer } from "redux-persist";
import storage from "redux-persist/lib/storage"; // defaults to lo
浏览 32提问于2021-05-11得票数 0
请查看此键入文件的末尾
...
declare var request: request.RequestAPI<...>;
export = request;
我正在尝试在我的Typescript文件中导入'request‘
import request from 'request';
request(op).pipe(...);
我得到一个错误
Module has no default export
我应该如何正确地导入'request‘？
浏览 17提问于2017-08-29得票数 0
回答已采纳
1回答
我正在尝试让我的SPFX应用程序正常工作，但我确信我没有得到正确的类
我已经在JS中测试了我的代码，并使用npm install运行它，它工作得很好，但是当我尝试使用spfx在TS中运行它时，我得到了这个错误：
import * as React from 'react';
import PropTypes from 'prop-types';
export const Checkbox = ({ type = 'checkbox', checked = false, onChange, id }) => {
return <
浏览 0提问于2019-01-13得票数 0
1回答
在ES6中，我们可以导入如下导出的模块：
import { Abc } from './file-1'; // here Abc is a named export
import Def from './file-2'; // here Def is the default export
但是我们如何导入匿名函数呢？请考虑以下代码：
文件-3.js：
export function() {
return 'Hello';
}
export function() {
return 'How are you doing?'
浏览 0提问于2018-04-22得票数 1
回答已采纳
我正在开发一个emberjs应用程序，它使用了其他几个自定义的ember插件，其中一个是我们添加的对mathjs的新依赖()来执行一些表达式解析。然而，还不清楚什么是正确的方法来保持对mathjs的依赖配置，只使用使用它的插件。在ember中有没有一个“正确”的方法来做到这一点呢？
我们最终所做的只是将mathjs包安装到我们的主应用程序的node_modules中，然后通过在我们的ember-cli-build.js文件中执行一个app.import('node_modules/mathjs/dist/math.min.js')来在浏览器中公开这个库。这显然是不理想的，因为这
浏览 2提问于2020-10-10得票数 0
所以我知道导入可以用require代替。
import {x} from 'x'等同于const {x} = require('x')。
但是import * from 'x'呢？我能想象到的唯一一件事就是with(require('x')){... }。
然而，with语句不受欢迎，不是吗？(因为您不知道在编译时如何解析引用)
浏览 45提问于2021-11-18得票数 0
1回答
在将React Stories转换为使用建议的的过程中
我想知道如何将以下内容(通过循环对象数组生成的故事)转换为CSF？
ps:我的真实数组有超过15个项目。这只是一个例子
const stories = storiesOf("MyStories", module)
const storyOptions = [{name: "foo", age:21}, {name: "bar", age: 22},{name: "batman", age: 23}, ] //
for (let option of storyOption
浏览 24提问于2020-02-08得票数 2
我有两个组件，一个用于API，另一个用于UI。我正在尝试从UI组件中的API组件访问函数，如下所示： import APIComponent "./APIComponent";
APIComponent.getData().(response:any) => { //showing error here as "Property 'getData' does not exist on type '{ APIComponent: () => any; }'"
console.log(response);
}
浏览 34提问于2021-09-02得票数 2
回答已采纳
1回答
导入的@value值未定义
、、、、
我们正在尝试将我们的反应性应用程序的一部分构建到一个库中，供业务伙伴使用。原始的React应用程序是一个应用程序，我们试图在不弹出应用程序的情况下实现这一点。
我们已经为应用程序创建了一个新的入口点，我们正在使用Webpack构建一个捆绑应用程序。我们目前面临的问题是，当我们试图在组件中引用@value值时，它们是未定义的。
“守则”
sidebar/styles.module.css
@value sidebarOptionsWidth: 64px;
@value sidebarExpandedWidth: 384px;
...
Relavant组件代码
import {
sidebar
浏览 8提问于2022-01-17得票数 1
我刚开始打字。
我遇到了一个重要的问题。
import isEmpty from 'lodash/isEmpty'
失败了..。isEmpty.default is not a function
我偶然发现了这个..。
加上一个..。
import * as isEmpty from 'lodash/isEmpty'
确实能修好它。
但是为什么呢？
为什么打字本需要这样的进口？我试着去理解为什么这是必要的，以及在引擎盖下面发生了什么。
浏览 4提问于2020-10-17得票数 0
回答已采纳
因此，我尝试在另一个脚本b.js中调用在a.js中创建的函数jsonToAim() 这是我在a.js中定义它的方式： export function jsonToAim(jsonObj){...} 这就是我在b.js中的叫法 const backend = require('./a')`
let aimObj = backend.jsonToAim(jsonObj); 我最终得到了这个错误： export function jsonToAim(jsonObj){
^^^^^^
SyntaxError: Unexpected token 'export'
浏览 21提问于2020-10-14得票数 0
我正在使用带有以下导入代码的fs模块
import fs = require('fs')
该代码将一直运行，直到在下面的TypeScript代码的第二行遇到此异常
const filePath = 'data/soylent-uist2010/userSegments.json'
const seg = fs.readFileSync(filePath, {
encoding: 'utf8',
})
但是，如果我以原始字符串的形式提供readFileSync的path参数(如下所示)，它将正常工作(赋值)。
const seg = fs.re
浏览 0提问于2019-03-13得票数 2
1回答
我指的是这个类型定义文件：，它总共有9个导出：type、interface和function各3个。
此文件中未定义默认导出。但是，我可以执行以下操作：
import NM from "nodemailer";
然后，NM可以访问导出的三个函数：createTestAccount、createTransport和getTestMessageUrl。对于该文件中的其他导出，我必须显式导入，例如：
import { SendMailOptions, Transporter } from "nodemailer";
为此类型定义定义的默认导出位于何处？
在同一个项目中
浏览 5提问于2020-09-23得票数 0
3回答
我使用react构建组件库。我需要一个index.js来在一个地方导入所有组件。
就像这样：
MyComponents/
Button.js
Label.js
index.js
在index.js中，我接下来尝试这样做：
// this export nothing
export {default} from './Button';
// this tells me about syntax error
export default from './Button';
我只找到了这个可行的解决方案
import Button from './B
浏览 6提问于2016-12-07得票数 7
回答已采纳
在流类型接口声明文件中，如何声明模块的module.exports
例如，假设我正在使用Express：
import express from 'express';
const app = express();
浏览 0提问于2015-11-21得票数 3
比方说，我们在ES6中使用React。我们将React和Component作为
import React from 'react'
import { Component } from 'react'
为什么会有语法差异？我们不能像下面指定的那样使用吗？
import Component from 'react'
浏览 51提问于2017-01-21得票数 70
回答已采纳
我有两个文件：User.js和Login.js。登录成功后，我想调用User类的静态logIn方法。我有奇怪的行为。我做错了什么？
文件内容
// user/User.js
// I also tried export default class User
export class User {
static logIn (token) {
}
static logOut (token) {
}
static isAuthorized () {
}
}
和
// login/Login.js
import React from 'react';
浏览 3提问于2017-02-03得票数 1
我遇到了一个javascript库，它使用以下语法来导入库：
import React, { Component, PropTypes } from 'react';
上面的方法和下面的方法有什么不同？
import React, Component, PropTypes from 'react';
浏览 0提问于2015-06-28得票数 120
回答已采纳
我有错误："Uncaught :无法分配给对象‘#’的只读属性‘导出’“。在build.js中，这个错误出现在行"module.exports = main;“中。哪里出错了？我的模块：
这是我的主文件script.js
const showContent = require('./modules/showContent');
const main = require('./modules/screens/main');
const about = require('./modules/screens/about');
const
浏览 4提问于2017-10-23得票数 4
在我的项目中，我正在尝试将lodash (v4.17.11)特性与cherry picking import结合使用。当我这样做的时候：
import {chain} from 'lodash';
和
chain([1,2,3]).take(1)
但是，如果我将导入更改为：
import chain from 'lodash/chain';
输出为：
TypeError: (0 , _chain2.default)(...).take is not a function
有人能解释一下这里的错误是什么吗
浏览 13提问于2018-11-29得票数 1
3回答
我工作的反应-本地人在WebStorm。
问题1
我有一些类，我想使用WebStorm的自动导入函数，它适用于某些类，但不适用于所有类。
当我键入name并点击Ctrl + Space时，它不会自动导入类。
我也尝试过Alt + Enter，它在列表中没有任何重要的建议。
问题2
然后我手动导入了类，现在WebStorm无法用自动完成显示方法建议，当我按Ctrl + Space时，我的方法没有列出在那里。
Utility.js
export function alertMessage(alertMessage) {
Alert.alert(
"
浏览 0提问于2018-10-10得票数 0
回答已采纳
1回答
我现在的环境是prisma的图形瑜伽。当试图运行查询时，我会遇到“无法读取未定义的属性‘查询’”错误。我认为这是因为它不能从上下文中读取
这个问题发生在我重构代码和设置Prisma连接时。在启动服务器时，我已经将prisma包含在上下文中，但它似乎在任何地方都不可用。
错误
[nodemon] starting `babel-node src/index.js`
The server is up!
TypeError: Cannot read property 'query' of undefined
at Object.query (G:\laragon\www\en
浏览 1提问于2019-08-30得票数 0
回答已采纳
1回答
每次将3DS Max中的三维模型导出到FBX时，都会出现以下错误：
某些应用程序可能不支持此场景中的某些材质，它们将作为标准灰色材质导入。以下材质和所有元素的列表将受到影响。
如何在3DS Max中正确导出带有纹理的3D模型并导入到Unity？
浏览 18提问于2017-05-27得票数 0
我正在使用NestJS中的一个服务来返回工作目录中的所有文件。NestJS是最新版本，我的Node安装版本是14.12.0。 import { Injectable } from '@nestjs/common';
import { ConfigService } from '@nestjs/config';
import { Observable, of } from 'rxjs';
import * as fs from 'fs';
@Injectable()
export class FileService {
浏览 29提问于2020-12-30得票数 0
回答已采纳
一个新手的问题。我试着按照教程的做法，它使用，但是使用类型记录而不是普通的Javascript。到目前为止，我还没有取得多大的成功。
我的代码看起来是这样的。
import * as idb from "./idb";
const dbPromise: Promise<idb.DB> = idb.default.open('test-db2', 1, (upgradeDb: idb.UpgradeDB) => {
console.log('making a new object store');
if (!up
浏览 13提问于2017-11-13得票数 1
回答已采纳
我正在编写我的第一个React.js应用程序，在尝试使用我在util.js文件中定义的getToken函数时遇到了一个问题。我一直收到错误500。如何导入/修复函数？ userRoute const router=express.Router() ;
router.post('/signin' , async (req,res)=>{
const signinUser=await User.findOne({
email:req.body.email ,
password: req.body.password
});
浏览 8提问于2020-10-20得票数 0
我想使用在我的ReactNative组件中使用TypeScript。我的项目被配置为从目录中提取node_modules。
我是这样导入库并使用它的：
import * as moment from "moment";
const time = moment();
我的类型记录编译，但是当我运行应用程序时，ReactNative错误如下：
这是我的tsconfig.json文件：
{
"compilerOptions": {
"target": "es6",
"moduleResolution
浏览 3提问于2016-10-07得票数 0
我真的很困惑：
export const foo
export default foo
module.exports = foo;
我知道这些是非常基本的，但能不能有人把它们区分开来，并向我解释一下。我真的很想明白。
浏览 8提问于2017-02-25得票数 32
回答已采纳
我目前正在同一工作空间中处理4个不同的Java项目，每当我导出其中一个项目时，它的文件位置和文件名都与上次导出时相同，即使它来自不同的项目。
eclipse中是否有为每个项目更改导出的默认文件位置和文件名的选项？
示例：
C:/projects/exports/foo.jar被设置为导出的默认位置，即使我导出的是C:/projects/exports/bar.jar中的另一个项目也是如此
提前感谢！
浏览 0提问于2013-02-28得票数 1
回答已采纳
获取以下错误:路由'Books‘的组件必须是React组件。例如:从‘./ MyScreen’导入MyScreen；但我甚至没有在这个屏幕中使用react导航。 https://snack.expo.io/@ganiyat1/colorful-thrills import React, { useState } from 'react';
import { StyleSheet, SafeAreaView } from 'react-native';
import MaterialTabs from 'react-native-materi
浏览 23提问于2020-08-20得票数 0
请您解释一下红色标记的进口是如何工作的吗？对我来说，事实并非如此。(他们正在模板中使用)请原谅，我不是一个有经验的JS开发人员。
导出是作为默认的函数数组完成的(如下所示)。
// Bootstrap sagas
export default [
githubData,
];
导入是在中以标准方式完成的，如下所示。
import { githubData } from '../sagas';
我的观点是，如果githubData作为“导出函数* githubData”导出，我认为没有问题。但是，我不确定导入默认函数数组的成员如何能够以这种方式工作。也许我有不兼容的巴贝尔版本
浏览 3提问于2016-08-10得票数 0
回答已采纳
2回答
在我要进入iOS模拟器的error中，对我来说没有任何意义。我的Home.js组件对我来说似乎没问题。我不明白我是怎么得到这个错误的。我已经清楚地导出了组件。我怎样才能摆脱这个错误？
这是Home.js
import React from 'react';
import Container from 'native-base';
import {MapContainer} from "../../../components/MapContainer/index";
class Home extends React.Component {
浏览 4提问于2017-08-16得票数 1
回答已采纳
我有一个用ES6编写的node.js库lib (用编译)，我在其中导出以下子模块：
"use strict";
import * as _config from './config';
import * as _db from './db';
import * as _storage from './storage';
export var config = _config;
export var db = _db;
export var storage = _storage;
如果在我的主项目中包含这样的库
import *
浏览 3提问于2015-07-13得票数 49
回答已采纳
我正在尝试将映射后的数据从Excel导出到XML。映射到的文件的名称: Screens_Map
下面是我的宏代码
Sub Macro1() ActiveWorkbook.XmlMaps("Screens_Map").Export Url:= _ "c:\<LocalFile>" End Sub
当我运行这段代码时，我看到了这个错误
run time error '-2147467259(80004005)
Method export of object XMLMap failed
请帮帮忙
浏览 1提问于2018-03-03得票数 2
文件：
// Build out our basic SafeString type
function SafeString(string) {
this.string = string;
}
SafeString.prototype.toString = function() {
return "" + this.string;
};
export default SafeString;
我以前从未见过export default。有没有与export default类似的更容易理解的东西？
浏览 53提问于2014-01-14得票数 745
回答已采纳
2回答
我有，我想在ShowTest中使用它
import React from "react";
export default class Test extends React.Component{
render() {
return (
<div>hi test</div>
);
}
}
我将测试呈现给ShowTest，如下所示
import {Test} from "./test";
import React from "react";
expor
浏览 2提问于2017-01-13得票数 0
回答已采纳
1回答
因此，我目前在我的NextJS应用程序中有一个名为“NextJS”的页面。在上面，我有以下几点：
import React from 'react';
import PaginatedItems from '../components/PaginatedItems'
import TitleHeadline from "../components/ui/TitleHeadline";
import WithdrawModal from "../components/WithdrawModal";
import {
浏览 14提问于2022-09-15得票数 1
回答已采纳
1回答
我有一个节点模块，它的形状通常是这样的(例如，为了简化起见)：
# color.js
export var red = '#f00';
export var yellow = '#ff0';
export var blue = '#00f';
# images.js
export var image1 = '<base64 string approximately ~ 500kb>';
export var image2 = '<base64 string approximately ~ 500kb&
浏览 7提问于2020-02-27得票数 0
我一直试图在我的项目中实现反应导航，但收效甚微。
每次我向导航器导入一个屏幕时，它都会显示为“未定义”。
我试着只将屏幕加载到顶层，它似乎可以工作，但当我将它放在导航中时，它返回到未定义的状态。
下面是我的代码：
index.js：
import React, { Component } from 'react';
import Root from './navigator/router';
//import Home from './screens/Home';
export class App extends Component {
ren
浏览 2提问于2017-06-27得票数 0
回答已采纳
TypeError:未定义不是一个对象(计算'_kurals.default.length')，我得到了这个错误。
export const kurals =[];
import kurals from './kurals';
console.log(`data1.length`, kurals.length);
浏览 3提问于2022-01-14得票数 0
回答已采纳
1回答
是否可以在故事书文件中使用命名默认导出？
……preview.stories.js
export default {
title: "Widget/Preview",
argTypes: {
variant: {
options: ["inpage", "dialog"],
control: {
type: "inline-radio",
},
},
},
};
浏览 4提问于2021-05-18得票数 1
回答已采纳
我想创建名为"Menu“的组件，并从MaterialUI导入"Menu”，如下所示：
import React, {Component} from 'react';
import Menu from '@material-ui/core/Menu';
class Menu extends Component {
render() {
return (
<div>
<Menu>
...
浏览 7提问于2018-09-06得票数 3
1回答
我开发了一个NodeJS应用程序，它使用静态的方法来完成一些计算功能。当我试图访问该方法时，我得到了isNotAFunction错误。
这里是一个静态类，它在访问时导致错误：
exports.module = class PlaceEvaluator
{
static testMethod()
{
console.log("Test");
}
}
下面是文件的代码，它在读取时抛出异常：
PositionFinder = require("./positionFinder.js");
PlaceObj = require(&
浏览 12提问于2022-01-27得票数 1
回答已采纳
2回答
我有一个无状态组件。 我正在匹配单元测试的快照。 但它返回null 等级库 import React from 'react';
import { shallow } from 'enzyme';
import { shallowToJson } from 'enzyme-to-json';
import StatelessComponent from 'components/elements/StatelessComponent';
describe('<StatelessComponent />
浏览 28提问于2019-03-25得票数 0
回答已采纳
我是初学者，使用socket.io与NodeJS和摩卡。使用socket.io客户端和服务器后，我将出现以下错误
项目构建过程中的Router.use() requires a middleware function but got a undefined。下面是文件和代码的详细信息
后端/主机
const app = express()
const http = require('http').createServer(app)
...
app.use('/api', require('./routes/api'))
...
export
浏览 0提问于2020-04-02得票数 1
回答已采纳
在中，它写得如下：
import React from 'react';
import CustomButton from './CustomButton';
但我必须这样写：
import React from 'react';
import {CustomButton} from './CustomButton';
否则，控制台会给我一些错误，例如：
Uncaught SyntaxError: Identifier 'ruleObj' has already been dec
浏览 1提问于2018-06-09得票数 0
回答已采纳
我有一个组件(板)，它调用另一个组件：(BoardCardContainer)。
这是错误消息：
React.createElement: type无效--需要一个字符串(用于内置组件)或一个类/函数(用于组合组件)，但是got: undefined。您可能忘记从定义在其中的文件中导出组件。检查Board的呈现方法。
Board.js:
... bunch of imports
import { BoardCardContainer } from './BoardCardContainer';
export class Board extends Component
浏览 2提问于2017-12-01得票数 0
回答已采纳
1回答
测试React Js根组件
、、、、
我正在导出react js根组件，如下所示
export default connect(mapStateToProps, mapDispatchToProps)(HomePage);
我在mocha测试文件中导入这个组件，如下所示
import HomePage from '../components/study/HomePage';
我在测试文件中创建组件，如下所示
beforeEach(() => {
const _store = createStore(rootReducer, initialState);
component = TestUti
浏览 0提问于2017-03-06得票数 1
我做了一个非常简单的Rollup plugin。如果我使用以下导入(使用本地相对)运行，这将非常有效… import { SassShadow } from '../../../rollup-sass-shadow/index.mjs'; 但是当我尝试使用npm版本运行时... import { SassShadow } from '@jrg/rollup-sass-shadow'; 我得到..。 [!] TypeError: defaultLoader is not a function
TypeError: defaultLoader is not a f
浏览 12提问于2020-03-22得票数 0
假设我有一个TypeScript代码和资产的文件树，我从某个任意的URL (例如在CDN和调试位置之间)提供服务-我希望能够导入该模块的根，并允许树的其余部分在需要时正确导入(即不必多次提供加载路径)。 在JavaScript中，我可能会这样做： export class MyModule {
private dependentModulePromise;
constructor(rootpath) {
this.dependentModulePromise = import(rootpath + '/dependentModule');
浏览 12提问于2020-10-08得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
