Typescript raises a error notification regarding the absence of a semicolon when importing a JSON module

Question

Typescript raises a error notification regarding the absence of a semicolon when importing a JSON module

Attempting to import a local JSON object into my Vuex store using

const tree = import('@/articles/tree.json');

. The setting "resolveJsonModule": true, has been enabled in my tsconfig.json and it loads successfully, however NPM is flooding the output with warnings like:

WARNING in /home/benjamin/dev/learn-wgpu2/src/articles/tree.json(1,8654):
1:8654 Missing semicolon

It appears that Webpack is treating the JSON file as if it were TypeScript. How can this behavior be stopped?

Here's the specific json file.

{"path":"src/articles/","name":"articles","display":"","type":"folder","children":[{"path":"src/articles//about.md","name":"about.md","display":"/about.md","type":"file"},{"path":"src/articles//beginner","name":"beginner","display":"/beginner","type":"folder","children":[...]}]}

This data is being used to update my tutorial/blog on sotrh.github.io/learn-wgpu.

json typescript vue.js npm webpack

Answer 1

Answer №1

If you want to avoid linting all json files in your project, make sure to add the following code snippet to your tslint.json:

{
  "linterOptions": {
    "exclude": [
      "*.json",
      "**/*.json"
    ]
  }
}

For additional details, you can check out this GitHub issue.

Answer 2

If you want to avoid linting all json files in your project, make sure to add the following code snippet to your tslint.json:

{
  "linterOptions": {
    "exclude": [
      "*.json",
      "**/*.json"
    ]
  }
}

For additional details, you can check out this GitHub issue.

Typescript raises a error notification regarding the absence of a semicolon when importing a JSON module

Answer №1

Similar questions

Combining arrays of objects based on a common key

Retrieving information from a table row and using it as a parameter in the URL for an AJAX request

When working with Typescript and React, you may encounter an issue where an element implicitly has an 'any' type because the type 'State' has no index signature. This can lead to

A step-by-step guide on making a list item clickable and redirecting to a URL using Vue.js

Upon completion of a promise in an express middleware and breaking out of a loop, a 404 error is returned

Creating a Higher Order Component (HOC) for your Next.js page

Karma encountered an error while trying to resolve the file path for "../../services/service.ts" in the preprocessor.rollup

VS Code sees JavaScript files as if they were Typescript

Just a straightforward Minimum Working Example, encountering a TypeScript error TS2322 that states the object is not compatible with the type 'IntrinsicAttributes & Props & { children?: ReactNode; }'

Python and Scrapy encounter issues with locating website links

Guide on how to conditionally render `<tr>` elements in a table using Vue

Having trouble installing npm on Debian? If you're seeing the error message "Unable to correct problems, you have held broken packages

I need help with querying the date format in Mongoose and MongoDB. The specific date I am trying to query is stored in the field "ticketTimeStartDate" and is in the format: "Mon Oct 18 2021 12:28:59 GMT+0000 (

I am unable to get console.log to function within my Vue.js script code

How can I integrate keydown.control with a unique click function in Angular?

Issue with Angular 2 Observable testing: Trying to use setInterval in an async zone test is not allowed

When attempting to integrate a custom Plugin into Phonegap 3.0, an error stating "The arguments passed to path.join must be strings" occurred

Error: node-sass setup is unable to locate the installed msvs_version

Tips for sending an array containing objects with an ID using Angular

Utilizing Django fixtures: Importing HTML content as JSON into a Text Field