TS1316 Error: You can only have global module exports at the top level of the file

Encountering difficulties while trying to compile an older typescript project that I am revisiting. The build process is failing due to an issue with q. I suspect it may be related to the tsc version, but no matter which version I try, errors persist.

Some online suggestions advised reverting to a TypeScript version prior to 2.2 because of differences in typings handling, but this has not yielded any progress.

I have included error details, versions, and my tsconfig.json file. Please reach out if more information is needed.

Errors ($tsc -v 2.1.5)

$ tsc -p ./
typings/modules/q/index.d.ts(10,1): error TS1316: Global module exports may only appear at top level.

Versions

nvm: 1.1.5
npm: 4.1.2
tsc: 2.1.5
node: 7.5.0

$ npm list --depth=0
+-- @types/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="28596819061d0619">[email protected]</a>
`-- <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="c8bcb1b8adbbabbaa1b8bc88fae6f9e6fd">[email protected]</a>

tsconfig.json

{
    "compilerOptions": {
        "target": "es5",
        "module": "amd",
        "outDir": "static/js",
        "sourceMap": true,
        "strictNullChecks": true,
        "noImplicitAny": true
    },
    "files": [
        "typings/index.d.ts",
        "../common/types.d.ts"
    ],
    "include": [
        "src/**/*.ts"
    ]
}

EDIT

The errors reported under tsc v2.3.0 were actually from the 2.1.5 version. Since I did not install TypeScript globally, the command was still using 2.1.5 instead of 2.3.0.

typescriptnpmqtsc

Answer №1

When declaration files display errors, it typically suggests that the syntax used in the file is not compatible with your version of TypeScript.

In this particular scenario, let's focus on the lines identified as problematic.

64: then<U = T, V = never>(onFulfill?: ...
200: thenReject<U = T>(reason?: any): Promise<U>;

The errors mentioned here relate to the equal signs within the type arguments section, indicating a lack of support for default type arguments. Interestingly, default type arguments were introduced in TS2.3, so it seems probable that you did not have this version installed when encountering those errors. Perhaps there was a mix-up with the versions...

Furthermore, other errors may stem from discrepancies between older (<2.1, if my memory serves me right) typings files and newer @types files. If you have types installed in node_modules/@types/q, there is no need for a custom typings folder. You can try resolving the additional error by deleting typings/modules/q (or even the entire typings folder).

If the issue persists, sharing a project clone would greatly assist in pinpointing the problem.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

What are some ways to implement dangerouslySetInnerHTML in conjunction with read-more-react from npm?

Is there a way to include dangerouslySetInnerHTML in a text field without receiving an error? <ReadMoreReact text={yourTextHere} min={minimumLength} ideal={idealLength} max={maxLength} readMoreText={read ...

javascriptnode.jsreactjsnpm

TypeORM does not have the capability to specify the database setting within the entity decorator

As my TypeORM project grows in size and its components become more discreet yet interconnected, I am exploring ways to separate it into multiple databases while maintaining cross-database relations. To achieve this, I have been experimenting with the data ...

postgresqltypescripttypeorm

I encountered an issue while trying to generate a React app with npx

Struggling with setting up a React app on my Windows machine, looking for some assistance here. I've tried running the following command in Hyper Terminal: npx create-react-app new-app After checking that my Node.js version is 12.16.1 and both npm and ...

node.jsreactjsnpmcreate-react-appnpx

Personalize ng-multiselect-dropdown in order to establish connections with multiple model fields

Is there a way to customize the ng-multiselect-dropdown control in order to include a CodeField? This would be helpful for persisting model values during selection. ...

angularnpmangular-material

There seems to be an issue with the Typescript version compatibility in the node_modules folder for the Angular Material table cell component

While working on my project with Angular, I encountered an issue. I attempted to downgrade my TypeScript version to 3.9.7 but the problem persists. Below are the dependencies listed in my package.json: "private": true, "dependencies&qu ...

javascriptangulartypescriptangular-clitslint

Running a method at any given time within an ngFor loop in Angular 5

On my angular page, I am facing a challenge with updating a variable and displaying it in the HTML within an *ngFor loop. Here is an example of what I need: HTML: <table *ngFor="let data of Dataset"> somehowRunThis(data) <div>{{meth ...

htmlangulartypescript

Error: unable to locate React scripts

I am encountering an issue when trying to run npm start in a newly created project. Strangely, this problem only occurs within this specific folder (since it's a git repository, it needs to stay here). If I create a new project in a different director ...

node.jsnpmnpm-start

Starting yarn does not function properly when using react-app-rewired

After executing the command yarn start, I received the following output: $ yarn start yarn run v1.15.2 $ react-app-rewired start The "injectBabelPlugin" helper has been deprecated as of v2.0. You can use customize-cra plugins in replacement - https://gith ...

reactjsnpmyarnpkgantd

Why does VSCode open a React app in Edge instead of Chrome?

Recently, I began a new project using the react-create-app template with typescript. However, when I run npm run dev, it unexpectedly opens in the Edge browser instead of Chrome. Does anyone know how to make it open in Chrome instead? ...

reactjstypescriptvisual-studio-code

Executing NPM Install might lead to a prompt for a 402 payment for certain unpredicted packages

Encountering an E402 error when trying to run npm install on multiple packages has become a persistent issue. This problem arises every time I attempt it, with the failed package varying each time. However, upon inspecting the log, many of the packages se ...

node.jsmacosnpmnpm-install

The Mongoose getter function is triggering error TS2590 by generating a union type that is too intricate to be displayed

I've come across the TS2590: Expression produces a union type that is too complex to represent error while trying to compile TypeScript. The issue seems to be connected to the id's getter function idFromString, as removing the id getter prevents ...

node.jstypescriptmongoosecompiler-errors

The combination of Autodesk Forge Viewer and React with TypeScript provides a powerful platform for developing

I'm brand new to React and Typescript, and I have a very basic question. In the viewer documentation, extensions are defined as classes. Is it possible to transform that class into a typescript function? Does that even make sense? For example, take th ...

typescriptautodesk-forgeautodesk-viewer

Webpack automatically prepends "auto/" to script tags in the compiled HTML file

I am currently setting up an application for coding, but I am facing a problem with webpack. Every time I build the application, webpack automatically adds "auto/file.js" to the script tags instead of just "file.js". I have checked all my webpack configura ...

javascriptnpmwebpackelectron

The JSX component is unable to utilize the object

When working with Typescript in a react-three-fiber scene, I encountered an error that GroundLoadTextures cannot be used as a JSX component. My aim is to create a texture loader component that loads textures for use in other components. The issue arises f ...

reactjstypescriptreact-three-fiber

Solving runtime JavaScript attribute issues by deciphering TypeScript compiler notifications

Here is a code snippet I am currently working with: <div class="authentication-validation-message-container"> <ng-container *ngIf="email.invalid && (email.dirty || email.touched)"> <div class="validation-error-message" *ngIf=" ...

javascriptangulartypescript

In fact, retrieve the file from an S3 bucket and save it to your local

I've been attempting to retrieve an s3 file from my bucket using this function: async Export() { const myKey = '...key...' const mySecret = '...secret...' AWS.config.update( { accessKeyId: myKey, secretAcces ...

angulartypescriptamazon-web-servicesamazon-s3

Looking for a streamlined process to manage the development and publication of multiple versions of the React module using the "yarn/npm link" workflow

Currently, I am in the process of developing and releasing a module on npm that relies on the React library. As part of my workflow, I am utilizing yarn along with yarn link. The module has been created within a larger parent project, but now I am looking ...

javascriptreactjsnpmyarnpkg

Can you explain the process by which git hooks are installed when executing 'npm install'?

Recently, I have taken on the responsibility of managing a git repository. As I clone it and navigate to the .git/hooks directory, I find only sample hooks present. We utilize NPM as our front-end UI package manager. Upon running "npm install," actual git ...

npmnpm-installgithooks

Retrieving a data type from the key values of deeply nested objects

I'm currently working with JSON data that contains nested objects, and my goal is to extract the unique set of second-level keys as a type. For instance: const json = { 'alice': { 'dogs': 1, 'birds': 4 ...

typescript

Deploy a web app from Visual Studio and initiate npm installation on the remote server in order to run the application

After successfully integrating npm with Visual Studio, I am able to run my project locally as it contains all the necessary dependencies in the node_modules folder. Now, my goal is to publish this web app to a remote server without including all the node_ ...

visual-studiobuildnpmnpm-installpost-build-event