vuejs / vue-issue-helper

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

A new issue creates a "Your request URL is too long." on GitHub.

maikelvl opened this issue · comments

The issue helper website creates a GitHub error when submitting the form:

Screenshot 2020-08-16 at 17 58 20

The generated URL

https://github.com/vuejs/vue-cli/issues/new?title=Vue%20init%20with%20Vue%203%2C%20TypeScript%20and%20class-style%20components%20produces%20an%20error.&body=%23%23%23%20Version%0A4.5.3%0A%0A%23%23%23%20Reproduction%20link%0A%5Bhttps%3A%2F%2Fgithub.com%2Fmaikelvl%2Fvue-cli-init-typescript-class-component%5D(https%3A%2F%2Fgithub.com%2Fmaikelvl%2Fvue-cli-init-typescript-class-component)%0A%0A%0A%0A%0A%0A%23%23%23%20Environment%20info%0A%60%60%60%0A%20%20System%3A%0A%20%20%20%20OS%3A%20Linux%204.14%20Alpine%20Linux%0A%20%20%20%20CPU%3A%20(4)%20x64%20Intel(R)%20Core(TM)%20i5-7600K%20CPU%20%40%203.80GHz%0A%20%20Binaries%3A%0A%20%20%20%20Node%3A%2014.8.0%20-%20%2Fusr%2Flocal%2Fbin%2Fnode%0A%20%20%20%20Yarn%3A%201.22.4%20-%20%2Fusr%2Flocal%2Fbin%2Fyarn%0A%20%20%20%20npm%3A%206.14.7%20-%20%2Fusr%2Flocal%2Fbin%2Fnpm%0A%20%20Browsers%3A%0A%20%20%20%20Chrome%3A%20Not%20Found%0A%20%20%20%20Firefox%3A%20Not%20Found%0A%20%20npmPackages%3A%0A%20%20%20%20%40ant-design-vue%2Fbabel-helper-vue-transform-on%3A%20%201.0.1%0A%20%20%20%20%40vue%2Fbabel-helper-vue-jsx-merge-props%3A%20%201.0.0%0A%20%20%20%20%40vue%2Fbabel-plugin-transform-vue-jsx%3A%20%201.1.2%0A%20%20%20%20%40vue%2Fbabel-preset-app%3A%20%204.5.3%0A%20%20%20%20%40vue%2Fbabel-preset-jsx%3A%20%201.1.2%0A%20%20%20%20%40vue%2Fbabel-sugar-functional-vue%3A%20%201.1.2%0A%20%20%20%20%40vue%2Fbabel-sugar-inject-h%3A%20%201.1.2%0A%20%20%20%20%40vue%2Fbabel-sugar-v-model%3A%20%201.1.2%0A%20%20%20%20%40vue%2Fbabel-sugar-v-on%3A%20%201.1.2%0A%20%20%20%20%40vue%2Fcli-overlay%3A%20%204.5.3%0A%20%20%20%20%40vue%2Fcli-plugin-babel%3A%20~4.5.0%20%3D%3E%204.5.3%0A%20%20%20%20%40vue%2Fcli-plugin-e2e-cypress%3A%20~4.5.0%20%3D%3E%204.5.3%0A%20%20%20%20%40vue%2Fcli-plugin-eslint%3A%20~4.5.0%20%3D%3E%204.5.3%0A%20%20%20%20%40vue%2Fcli-plugin-pwa%3A%20~4.5.0%20%3D%3E%204.5.3%0A%20%20%20%20%40vue%2Fcli-plugin-router%3A%20~4.5.0%20%3D%3E%204.5.3%0A%20%20%20%20%40vue%2Fcli-plugin-typescript%3A%20~4.5.0%20%3D%3E%204.5.3%0A%20%20%20%20%40vue%2Fcli-plugin-unit-jest%3A%20~4.5.0%20%3D%3E%204.5.3%0A%20%20%20%20%40vue%2Fcli-plugin-vuex%3A%20~4.5.0%20%3D%3E%204.5.3%0A%20%20%20%20%40vue%2Fcli-service%3A%20~4.5.0%20%3D%3E%204.5.3%0A%20%20%20%20%40vue%2Fcli-shared-utils%3A%20%204.5.3%0A%20%20%20%20%40vue%2Fcompiler-core%3A%20%203.0.0-rc.5%0A%20%20%20%20%40vue%2Fcompiler-dom%3A%20%203.0.0-rc.5%0A%20%20%20%20%40vue%2Fcompiler-sfc%3A%20%5E3.0.0-0%20%3D%3E%203.0.0-rc.5%0A%20%20%20%20%40vue%2Fcompiler-ssr%3A%20%203.0.0-rc.5%0A%20%20%20%20%40vue%2Fcomponent-compiler-utils%3A%20%203.2.0%0A%20%20%20%20%40vue%2Feslint-config-prettier%3A%20%5E6.0.0%20%3D%3E%206.0.0%0A%20%20%20%20%40vue%2Feslint-config-typescript%3A%20%5E5.0.2%20%3D%3E%205.0.2%0A%20%20%20%20%40vue%2Fpreload-webpack-plugin%3A%20%201.1.2%0A%20%20%20%20%40vue%2Freactivity%3A%20%203.0.0-rc.5%0A%20%20%20%20%40vue%2Fruntime-core%3A%20%203.0.0-rc.5%0A%20%20%20%20%40vue%2Fruntime-dom%3A%20%203.0.0-rc.5%0A%20%20%20%20%40vue%2Fshared%3A%20%203.0.0-rc.5%0A%20%20%20%20%40vue%2Ftest-utils%3A%20%5E2.0.0-0%20%3D%3E%202.0.0-beta.2%0A%20%20%20%20%40vue%2Fweb-component-wrapper%3A%20%201.2.0%0A%20%20%20%20eslint-plugin-vue%3A%20%5E7.0.0-0%20%3D%3E%207.0.0-beta.2%0A%20%20%20%20jest-serializer-vue%3A%20%202.0.2%0A%20%20%20%20typescript%3A%20~3.9.3%20%3D%3E%203.9.7%0A%20%20%20%20vue%3A%20%5E3.0.0-0%20%3D%3E%203.0.0-rc.5%0A%20%20%20%20vue-class-component%3A%20%5E8.0.0-0%20%3D%3E%208.0.0-alpha.6%0A%20%20%20%20vue-eslint-parser%3A%20%207.1.0%0A%20%20%20%20vue-hot-reload-api%3A%20%202.3.4%0A%20%20%20%20vue-jest%3A%20%5E5.0.0-0%20%3D%3E%205.0.0-alpha.3%20(3.0.6)%0A%20%20%20%20vue-loader%3A%20%2015.9.3%20(16.0.0-beta.5)%0A%20%20%20%20vue-router%3A%20%5E4.0.0-0%20%3D%3E%204.0.0-beta.6%0A%20%20%20%20vue-style-loader%3A%20%204.1.2%0A%20%20%20%20vue-template-es2015-compiler%3A%20%201.9.1%0A%20%20%20%20vuex%3A%20%5E4.0.0-0%20%3D%3E%204.0.0-beta.4%0A%20%20npmGlobalPackages%3A%0A%20%20%20%20%40vue%2Fcli%3A%20Not%20Found%0A%0A%60%60%60%0A%0A%0A%23%23%23%20Steps%20to%20reproduce%0ANode%20v14.8.0%0A%0A%60%60%60console%0A%24%20vue%20init%20hello-world%0A%0AVue%20CLI%20v4.5.3%0A%3F%20Please%20pick%20a%20preset%3A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Manually%20select%20features%0A%3F%20Check%20the%20features%20needed%20for%20your%20project%3A%20%20Choose%20Vue%20version%2C%20Babel%2C%20TS%2C%20PWA%2C%20Router%2C%20Vuex%2C%20CSS%20Pre-processors%2C%20Linter%2C%20Unit%2C%20E2E%0A%3F%20Choose%20a%20version%20of%20Vue.js%20that%20you%20wan...%20%20%203.x%20(Preview)%0A%3F%20Use%20class-style%20component%20syntax%3F%20%20%20%20%20%20%20%20%20%20%20%20Yes%0A%3F%20Use%20Babel%20alongside%20TypeScript%20(required...%20%20Yes%0A%3F%20Use%20history%20mode%20for%20router%3F%20(Requires%20p...%20%20Yes%0A%3F%20Pick%20a%20CSS%20pre-processor%20(PostCSS%2C%20Autop...%20%20Sass%2FSCSS%20(with%20node-sass)%0A%3F%20Pick%20a%20linter%20%2F%20formatter%20config%3A%20%20%20%20%20%20%20%20%20%20%20%20Prettier%0A%3F%20Pick%20additional%20lint%20features%3A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Lint%20on%20save%0A%3F%20Pick%20a%20unit%20testing%20solution%3A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Jest%0A%3F%20Pick%20an%20E2E%20testing%20solution%3A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Cypress%0A%3F%20Where%20do%20you%20prefer%20placing%20config%20for%20B...%20%20In%20dedicated%20config%20files%0A%3F%20Save%20this%20as%20a%20preset%20for%20future%20projects%3F%20%20%20Yes%0A%3F%20Save%20preset%20as%3A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20typescript-class-component%0A%3F%20Pick%20the%20package%20manager%20to%20use%20when%20ins...%20%20Yarn%0A%60%60%60%0A%0A%0A%23%23%23%20What%20is%20expected%3F%0A%60%60%60console%0A%24%20yarn%20serve%0A%0A%20DONE%20%20Compiled%20successfully%20in%203812ms%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%202%3A22%3A25%20PM%0A%0A%0A%20%20App%20running%20at%3A%0A%20%20-%20Local%3A%20%20%20http%3A%2F%2Flocalhost%3A8080%2F%0A%0A%20%20It%20seems%20you%20are%20running%20Vue%20CLI%20inside%20a%20container.%0A%20%20Access%20the%20dev%20server%20via%20http%3A%2F%2Flocalhost%3A%3Cyour%20container%27s%20external%20mapped%20port%3E%2F%0A%0A%20%20Note%20that%20the%20development%20build%20is%20not%20optimized.%0A%20%20To%20create%20a%20production%20build%2C%20run%20yarn%20build.%0A%60%60%60%0A%0A%23%23%23%20What%20is%20actually%20happening%3F%0A%60%60%60console%0A%24%20yarn%20serve%0A%0A%20DONE%20%20Compiled%20successfully%20in%203812ms%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%202%3A22%3A25%20PM%0A%0A%0A%20%20App%20running%20at%3A%0A%20%20-%20Local%3A%20%20%20http%3A%2F%2Flocalhost%3A8080%2F%0A%0A%20%20It%20seems%20you%20are%20running%20Vue%20CLI%20inside%20a%20container.%0A%20%20Access%20the%20dev%20server%20via%20http%3A%2F%2Flocalhost%3A%3Cyour%20container%27s%20external%20mapped%20port%3E%2F%0A%0A%20%20Note%20that%20the%20development%20build%20is%20not%20optimized.%0A%20%20To%20create%20a%20production%20build%2C%20run%20yarn%20build.%0A%0AERROR%20in%20src%2Frouter%2Findex.ts%3A8%3A5%0ATS2322%3A%20Type%20%27typeof%20Home%27%20is%20not%20assignable%20to%20type%20%27undefined%27.%0A%20%20%20%20%206%20%7C%20%20%20%20%20path%3A%20%22%2F%22%2C%0A%20%20%20%20%207%20%7C%20%20%20%20%20name%3A%20%22Home%22%2C%0A%20%20%3E%20%208%20%7C%20%20%20%20%20component%3A%20Home%0A%20%20%20%20%20%20%20%7C%20%20%20%20%20%5E%5E%5E%5E%5E%5E%5E%5E%5E%0A%20%20%20%20%209%20%7C%20%20%20%7D%2C%0A%20%20%20%2010%20%7C%20%20%20%7B%0A%20%20%20%2011%20%7C%20%20%20%20%20path%3A%20%22%2Fabout%22%2C%0A%60%60%60%0A%0A---%0ANot%20sure%20if%20this%20is%20pure%20vue-cli%20issue%2C%20because%20there%20are%20a%20lot%20of%20alpha%2Fbeta%2Frc%20Vue%20dependencies.%0A%0ADisabling%20class-style%20components%20does%20not%20have%20this%20effect.%0A%0A%3C!--%20generated%20by%20vue-issues.%20DO%20NOT%20REMOVE%20--%3E

It worked after reducing the content: vuejs/vue-cli#5795

At least there is a post api instead of a get, I don't think we can get around that

Maybe limiting the max character count in some of the input fields like What is expected? and What is actually happening? could help.