NuxtJS webpack aliases Follow
There's no dedicated webpack.config.js when using Nuxt
But i can click on Logo.vue and it opens a right file.
Please sign in to leave a comment.
Solved by creating ts-shims.d.ts:
webpack aliases are not respected in Typescript projects, your have to define the corresponding path mappings in tsconfig.json instead, like
>Solved by creating ts-shims.d.ts
Yes, you need to tell the TypeScript compiler what
.vuefiles will look like when they're imported
Elena, this works for TS imports inside .vue/.ts files, but if i import scss inside .vue/.scss file, then i have to create a fake webpack.config.js with the following contents:
Then WebStorm is able to follow scss imports in a .vue/.scss files, by using @import '~@/assets/scss/file.scss';
That's because of NuxtJS is generating webpack config file only during a build. Is that right solution?
>Is that right solution?
One thing is bothering me, how can i make autocomplete work with this setup?
what problems making it work have you faced?
Please, take a look at this video: https://youtu.be/dCCEjM6-u-M
No path autocomplete.
Thanks, reproduced. Please follow https://youtrack.jetbrains.com/issue/WEB-41982 for updates
Seems like not so many people are actually using WebStorm? Because these issues is still unnoticed. I started to use it 1 week ago and created loads of issues in youtrack already :)
Now i use this solution. Now used Vue.js without TypeScript.
Code put in "webpack.config.js". It ignored by "nuxt", but used by IDE.
And, "yes", notes in files refers to this page. Need to test this solution, when we starting to use TypeScript
As of 2020/03 (https://github.com/nuxt/nuxt.js/pull/7029) you can set manual path to `node_modules/nuxt/webpack.config.js`