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

Unable to transfer Vue.js components in and out of the project

I have a directory structured like this. VueTree components Classic.vue Modern.vue index.js The Classic and Modern components consist of a template, export default {}, and a style. I am importing both of them in index.js as: import Classic ...

javascriptnpmvue.jsvuejs2vue-component

Utilize npm to install from a GitHub pull request

After checking out the npm install documentation, it seems like it is doable to npm install from a github repository. Can we also npm install something specifically from a pull request? Could the solution be to install based on the latest commit (last sh ...

githubnpm

Leveraging cytoscape-qtip in your meteor project via npm module

Having some trouble getting the cytoscape-qtip package to work with Meteor using npm. I've gone ahead and installed cytoscape, jquery, qtip2, and cytoscape-qtip using the "meteor npm install --save" command. I'm then importing and registering th ...

meteornpmqtip2cytoscape.js

Adding an active class on a selected chat list item in Angular - here's how!

We are currently developing a chat component where users can click on the left side chat item to open messages with the selected user. We have implemented an active class that changes the color of the selected chat list item. Our goal is to apply the activ ...

angulartypescriptangular6

Ways to confirm the visibility of a web element on the screen with serenity-js

In the current project, I am utilizing the Serenity-js BDD framework with a screenplay pattern approach. However, I am encountering an issue when attempting to assert the visibility of an element on a web page using the "that" method from the Ensure class. ...

typescriptautomationprotractorserenity-bddserenity-js

Issue with migrating TypeOrm due to raw SQL statement

Is it possible to use a regular INSERT INTO statement with TypeOrm? I've tried various ways of formatting the string and quotes, but I'm running out of patience. await queryRunner.query('INSERT INTO "table"(column1,column2) VALUES ...

sqltypescriptpostgresqltypeorm

The object NativeModules from the 'react-native' requirement is currently empty

At the top of one of the node_modules utilized in my project, there is a line that reads: let RNRandomBytes = require('react-native').NativeModules.RNRandomBytes However, I've noticed that require('react-native').NativeModules ...

javascriptreact-nativenpmimport

What is the best way to allow the browser to either download a file or open it in a new tab based on what is feasible? (while maintaining the actual file

Currently in my web application, which utilizes Angular for the front-end and .Net Core for the back-end, there is a page where users can click on server-side stored files. The desired behavior is for the file to open directly in a new tab if the browser a ...

angulartypescript.net-coredownloadasp.net-core-3.1

What specific category does the enum object fall under?

How can I create a wrapper class for a collection of elements in an enumeration? export class Flags<ENUMERATION> { items = new Set<ENUMERATION>(); enu; // what type ? constructor(enu) { // what type ? ...

typescriptgenericstyping

The parameter of type 'void' cannot be assigned to the parameter of type 'PathParams'

Established the route handler and encountered an issue while integrating it into my route. import {Application, NextFunction} from 'express'; import {container} from 'tsyringe'; const routeConstantsArray = { }; const constants: any ...

node.jstypescriptexpress

having trouble retrieving information from mongodb

Currently working with nestjs and trying to retrieve data from a collection based on the 'name' value. However, the output I am getting looks like this: https://i.stack.imgur.com/q5Vow.png Here is the service code: async findByName(name):Promi ...

mongodbtypescriptpostmannestjs

Formulate a multi-line string using a collection in React's JavaScript framework

I'm working on a React function that involves a set and I need to update an HTML element using the data from this set. Below is an example of my code: const updateElement = (mySet) => { document.getElementById('myId').innerHTML = Arra ...

javascripthtmlreactjstypescript

Combine multiple objects to create a new object that represents the intersection of all properties

Imagine you have these three objects: const obj = { name: 'bob', }; const obj2 = { foo: 'bar', }; const obj3 = { fizz: 'buzz', }; A simple merge function has been written to combine these three objects into one: ...

typescript

Encountering the error message "The argument type 'AsyncThunkAction<*>' cannot be assigned to the parameter type 'Action<any>'" while trying to utilize a custom typed useAppDispatch hook

For a live example, you can check out this link. In the process of developing a React application with TypeScript and Redux Toolkit, I have meticulously followed the guidelines outlined in the documentation. As a result, I have successfully implemented ty ...

reactjstypescriptreduxredux-toolkit

Adjust the size and color of text in Chart.js using Angular 5

Why does the font color in chartjs appear as light gray and not print when you want to do so from the page? I tried changing the font color of chartjs in the options attribute, but it didn't work. How can I change the font color in chartjs angular? ...

cssangulartypescriptchart.js

What is the best way to extract data from a text file that contains multiple data entries separated by pipes (|) using the fs module?

I'm currently utilizing the node.js fs module to read a text file. One thing that I'm wondering is, does the fs module only support reading text files or can it handle other file formats as well? Now, my primary inquiry is if the text file conta ...

javascriptnode.jstypescript

Encountered an issue in Angular 6: Unable to access property '0' of undefined

There's an error popping up in the console saying, Cannot read property '0' of undefined, but surprisingly I'm still getting the expected result. Below is my HTML code snippet: <div class="col-md-3"> <div class="slider-prod ...

jsontypescriptcodeigniterangular6

Having trouble getting the ElectronJS project with Sharp node to launch properly

I recently developed a desktop application using ElectronJS that incorporates the Sharp node for image processing. While everything runs smoothly when I execute the project from the terminal using npm start, I encounter an error when trying to build the pr ...

node.jsnpmelectron-packagersharp

Creating multiple-to-multiple relationships in Express: A beginner's guide

In developing a small API with Express and TypeScript, I am faced with handling both POST and GET requests. The POST request involves receiving a list of organizations, which may have daughter organizations that can also have their own daughters, creating ...

databasetypescriptexpress

What could be the reason for `process.env.myvariable` not functioning in a Next.js project with TypeScript

After creating a file called .env.local in the root directory of my project, I added a variable called WEBSOCKET_VARIABLE=THIS_IS_TEXT to it. However, when I try to access it using process.env.WEBSOCKET_VARIABLE, nothing is found. What could be causing ...

typescriptnext.js