question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

jsconfig.json: Property "plugins" is not allowed

See original GitHub issue

Thanks the work you’ve put into this! styled-components intellisense would be awesome!

Unfortunately, i can’t seem to get it to work using vscode 1.16.1. i’ve set it up according to the docs, but there is no intellisense available. Additionally, the jsconfig.json looks like this:

plugins_not_allowed

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:9
  • Comments:7 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
lyyourccommented, Sep 30, 2017

It doesn’t work 😦 I have Select TypeScript version , and Restart TS server , and try to restart VS Code~

image

jsconfig.json
{
  "compilerOptions": {
    "plugins": [
      {
        "name": "typescript-styled-plugin",
        "tags": [
          "styled",
          "sty"
        ]
      }
    ]
  }
}
settings.json
{
  "prettier.semi": false,
  "prettier.trailingComma": "es5",
  "prettier.singleQuote": true,
  "prettier.jsxBracketSameLine": true,

  "emmet.includeLanguages": {
    "javascript": "javascriptreact",
    "vue-html": "html"
  },
  "emmet.syntaxProfiles": {
    "javascript": "jsx"
  },

  "path-autocomplete.pathMappings": {
    "/": "${workspace}",
    "@": "${workspace}/src"
  },
  "typescript.tsdk": "node_modules/typescript/lib"
}

package.json
{
"dependencies": {
  "gatsby": "^1.8.11",
  "gatsby-link": "^1.4.1",
  "gatsby-plugin-feed": "^1.3.9",
  "gatsby-plugin-google-analytics": "^1.0.7",
  "gatsby-plugin-manifest": "^1.0.8",
  "gatsby-plugin-nprogress": "^1.0.7",
  "gatsby-plugin-offline": "^1.0.9",
  "gatsby-plugin-react-helmet": "^1.0.6",
  "gatsby-plugin-styled-components": "^1.0.5",
  "gatsby-remark-autolink-headers": "^1.4.7",
  "gatsby-remark-images": "^1.5.10",
  "gatsby-remark-prismjs": "^1.2.7",
  "gatsby-source-filesystem": "^1.4.12",
  "gatsby-transformer-remark": "^1.7.7",
  "gatsby-transformer-yaml": "^1.5.7",
  "github-markdown-css": "^2.8.0",
  "grid-styled": "^2.0.0-10",
  "polished": "^1.7.0",
  "prop-types": "^15.5.10",
  "react-draggable": "^3.0.3",
  "react-headroom": "^2.1.6",
  "react-icons": "^2.2.5",
  "react-visibility-sensor": "^3.10.1",
  "styled-media-query": "^2.0.1"
},
"devDependencies": {
  "babel-eslint": "^7.2.3",
  "babel-plugin-module-resolver": "^2.7.1",
  "babel-plugin-syntax-dynamic-import": "^6.18.0",
  "babel-plugin-transform-class-properties": "^6.24.1",
  "babel-plugin-transform-object-rest-spread": "^6.26.0",
  "eslint": "^4.6.1",
  "eslint-config-prettier": "^2.4.0",
  "eslint-plugin-prettier": "^2.2.0",
  "eslint-plugin-react": "^7.3.0",
  "husky": "^0.14.3",
  "lint-staged": "^4.1.0",
  "prettier": "^1.6.1",
  "typescript": "^2.5.3",
  "typescript-styled-plugin": "^0.0.1"
}
}

VS Code: v1.16.1

0reactions
mjbvzcommented, Oct 16, 2017

The json schema should now be fixed by https://github.com/SchemaStore/schemastore/pull/348

If you are still seeing issues where the plugin is not being loaded in VSCode 1.17, please open a new issue

Read more comments on GitHub >

github_iconTop Results From Across the Web

jsconfig.json: Property "plugins" is not allowed #8 - GitHub
The warning in the jsconfig should not stop the plugin from being loaded. ... Plugins also require TypeScript 2.3+. After updating your jsconfig....
Read more >
jsconfig.json Reference - Visual Studio Code
Using the "exclude" property. The exclude attribute (a glob pattern) tells the language service what files are not part of your source code....
Read more >
Seeing unknown typescript error in JSConfig.json file
I added a jsconfig.json to my project and for some reason I am getting a typescript error that states dotenv/types not found.
Read more >
Customization - Razzle
You can also extend the underlying webpack config. Create a file called razzle.config.js in your project's root. All the hook functions supported in...
Read more >
JavaScript - Parcel
json or jsconfig.json file. Currently, the only supported proposal is decorators, which you may be using through TypeScript. tsconfig.json:
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found