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

Calculate the sum of elements within an array

Obtaining array value in JSON and incorporating it into a datatable

Trouble decoding JSON strings in PHP

Get information on Splash Screen

The npm start command is throwing an error, but running node index.js is

Waiting for variable to become false using Angular 7 Observable

The Vuetify v-spacer does not seem to be working as intended

Tips for effectively overriding a method in typescript

What is the process for removing the depcheck/npx tool?

Is it possible to incorporate bootstrap files using EJS and Express without altering the existing file structure?

Is it possible to leverage ES6 modules within a Node.js application while also debugging it using Visual Studio?

Heroku refreshes my JSON document

Is there a way to retrieve the ID following the creation of a MySQL row in Vue and Express?

Using JSON Filtering with React

I'm experiencing an issue where posts are duplicated based on the number of comments they have. Any suggestions on how to

What is causing the ESLint error when trying to use an async function that returns a Promise?

Dividing an Array of Json DataFrame into various row counts using Scala

Learning how to access npm information with Python

Struggling with TypeScript and JsObservable? Let us assist you!

React Router Issue: Component Not Rendering When <nav> Element Is Incomplete