Recording the details of an Angular project through the utilization of Compodoc

I am currently in the process of documenting my Angular + Typescript application using Compodoc. To install Compodoc, I utilized npm and executed the following command:

   'npm install -g compodoc'. And included 

   "compodoc": "./node_modules/.bin/compodoc -p src/tsconfig.json"  

within my scripts section in package.json. However, upon running npm run compodoc, I encountered the following error message:

PS D:\Moya Proj\VITMOBAPPHYD2016> npm run compodoc

[email protected] compodoc D:\Moya Proj\VITMOBAPPHYD2016 compodoc -p src/tsconfig.json

                                            _
                                           | |
    ___    ___    _ __ ___    _ __     ___     __| |   ___     ___
   / __|  / _ \  | '_ ` _ \  | '_ \   / _ \   / _` |  / _ \   / __|
  | (__  | (_) | | | | | | | | |_) | | (_) | | (_| | | (_) | | (__   0.0.41
   \___|  \___/  |_| |_| |_| | .__/   \___/   \__,_|  \___/   \___|
                       | |
                       |_|

[11:08:57] "tsconfig.json" file was not found in the current directory npm ERR! code ELIFECYCLE

npm ERR! errno 1

npm ERR! [email protected] compodoc: compodoc -p src/tsconfig.json

npm ERR! Exit status 1

npm ERR!

npm ERR! Failed at the [email protected] compodoc script.

npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:

npm ERR! C:\Users\Shahid.tabrez\AppData\Roaming\npm-cache_logs\2018-06-15T05_38_57_267Z-debug.log

I'm unsure if I need to make any modifications to my tsconfig.json file or if there's an error in my approach. Any assistance would be greatly appreciated. Thank you in advance.

Answer №1

To ensure that everything is running smoothly, verify that the path specified under the "scripts" object in your package.json file is accurate. The default path should be "src/tsconfig.app.json". If your tsconfig.app.json file is located elsewhere, update the path accordingly and you should see positive results.

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

npm and Node packages could not be found by the apt command

My npm suddenly started acting strange, refusing to run scripts and install packages. In an attempt to fix it, I decided to uninstall npm and node. sudo apt-get purge npm However, it was unable to locate either of them when I tried. apt list --installed | ...

Troubles encountered when attempting to deploy django-nvd3 charts on the Heroku platform

Has anyone successfully deployed django-nvd3 charts on Heroku recently? I spent the entire weekend trying to deploy a Django application with nvd3 charts on Heroku without success. It works fine in my development environment (Ubuntu), but I faced numerous ...

Combining ngModel and ngClass in Angular: a comprehensive guide

I have implemented the following code in Angular 6 using Visual Studio Code <div [ngClass]="{'disabled': isReadOnly}"> <label class="switch"> <input type="checkbox" name="Gender" ...

Eureka - Spring Cloud Services: Discover the Benefits

Currently, I am diving into the world of microservices with Spring and Spring Boot, looking to deploy my work onto a cloud platform. My goal is to develop an Angular 2 frontend application that interacts with my deployed microservice. Right now, I am exp ...

Ways to display map results in multiple columns utilizing react

I am facing a challenge and seeking guidance on how to achieve a specific layout using React. My goal is to display results in two columns as shown below: item 1 | item 4 item 2 | item 5 item 3 | item 6 I have attempted to check the array length and dete ...

Utilizing Angular 4 for secure authentication with PHP-JWT tokens

Embarking on my first web app project following an extensive Angular 4 course, I have opted to utilize wamp server for my backend database and JWT instead of traditional sessions. The initial step involved creating a login form using Reactive forms: < ...

encountering this issue during the initialization of a React.js application

PS C:\Windows\System32\WindowsPowerShell\v1.0> npm start npm ERR! code ENOENT npm ERR! syscall open npm ERR! path C:\Windows\System32\WindowsPowerShell\v1.0\package.json npm ERR! errno -4058 npm ERR! enoent E ...

Incorporating optional fields into the form builder without being mandatory

For my current project on Ionic 4, I have implemented a form builder to create and validate forms. I have also included the [disabled] attribute in the form to disable it if all fields are not valid. However, I noticed that even if I do not add Validators ...

How can I transfer the data from a file to upload it in Angular 9 without manually typing it out?

In my Angular application, I have a functionality where users can upload two files for processing on the server. However, I am looking to add a feature that allows users to simply copy and paste the contents of the files into two textboxes instead of going ...

Expanding and collapsing all elements with Angular Bootstrap 4's collapse feature

How can I make only one item in my ngFor expand and close using the Bootstrap 4 collapse component? This is the code implementation: <div class="card-footer account clickthrough" *ngFor="let attachment of item.attachments; let j=index" (click)="isColl ...

What is the best value to assign to the "start" script in my NPM package.json file?

I'm having trouble executing the command npm start because my package.json file doesn't have a "start" script. I've attempted to set values like "start": "node app.js" and "start": "node server.js", but they haven't resolved the issue. ...

Angular HTTP client fails to communicate with Spring controller

Encountered a peculiar issue in my Angular application where the HttpClient fails to communicate effectively with the Spring Controller. Despite configuring proper endpoints and methods in the Spring Controller, the Angular service using HttpClient doesn&a ...

Installing npm without the need for Node.js can be achieved

Looking to set up an ASP.NET Core Web Application in Visual Studio 2015 and have plans to incorporate AngularJs2 with TypeScript editing. To make this work, I need to set up the npm Package Manager. Ideally, I want to install npm without node as I will n ...

I'm baffled by how the community response is implemented in this particular TypeScript exercise on Exercism

I am currently learning TypeScript from scratch by working on exercises available on exercism Successfully completed the 5th exercise on Pangram. Below is my solution: class Pangram { alphabet = "abcdefghijklmnopqrstuvwxyz" constructor(privat ...

Convert the union into a mapped structure

Starting with the given Union type: type Union = { type: 'A', a: string } | { type: 'B', b: number } The end goal is to transform it into this MappedUnion type: type MappedUnion = { A: { type: 'A', a: string } B: { ...

What steps can I take to fix the ESM / require error while using TypeScript 4.8?

My Node.js application uses TS 4.8, and I recently updated the file-type package. However, after the update, my project compilation fails with the following error: [1] const _fileType = /#PURE/ _interopRequireWildcard(require("file-type")); [1] ...

Troubleshooting issues with accessing the _id property using Typescript in an Angular application

Encountering an Angular error that states: src/app/components/employee/employee.component.html:67:92 - error TS2345: Argument of type 'string | undefined' is not assignable to parameter of type 'string'. Type 'undefined' is ...

How to Generate a Collection of Textfields in Angular 4

My challenge involves working with an array object that receives input from a textfield. I am looking to create a clean design where only one textfield is initially displayed, along with a '+' button next to it. When the user enters information i ...

What is the meaning of '=>' in typescript/javascript?

I keep coming across lots of '=>' in the code I found on the internet. Could someone please explain it to me as if I were 5 years old? (I'm searching for the specific code, and I'll share it here once I locate it).. Found it: ...

Incorporated iframe covering the entire browser window

Currently, I find myself in a strange predicament. The scenario involves a JSP+Servlet+Spring MVC application that is integrated within a parent application developed using Angular4 through an iframe. The issue arises when the Spring MVC app redirects to ...