webpack-vue | 从0开始搭建webpack（vue） | Frontend Framework library

After other comments saying it was working for them, and knowing that it worked for me some weeks ago, I've finally figured out what is going on:

• On my "Available package sources" (NuGet config) in VS2017, I had the nuget nuget repository from work [work-repo]. I have to connect via VPN to be able to access it (and I wasn't during my tests). I didn't have it connected some weeks ago when the whole process worked perfectly.

• Now, when I was executing dotnet new --install Microsoft.AspNetCore.SpaTemplates::*, the first lines were informing me that "I am not able to connect o [work-repo]". But then it seemed to continue as if nothing happened, and I ignored it because I didn't see it as something that would have anything to do with "not seeing vue".

• Once I removed [work-repo] from the sources list, I have been able to see the "vue" template again. I have installed it via dotnet new vue and it works perfectly.

tl;dr: If you have "Nuget package sources" that are not accessible at the moment, the process "Install the SPA templates provided by Microsoft" doesn't work.

For Vue CLI before 3.x

Try changing assetsPublicPath under build object in config/index.js. Then append your folder name there. Similiar issue that might help https://forum.vuejs.org/t/vue-js-webpack-deployment-for-xaamp-testing/28970

And if vue-router used then add ROUTER_BASE. https://router.vuejs.org/en/api/options.html#base

For Vue CLI 3

1. Create vue.config.js inside your vue-projects
2. Inside it simply add the following

You forgot to add the template property in your renderer/index.js file.

just add:

new Vue({ el: "#app", template: '', components: { App } })

:)

Ok. So I can't really take credit for this one since it was actually answered by Discuss user Cristian Pallarés over here: http://webpack.github.io/docs/webpack-dev-server.html#combining-with-an-existing-server

Christian says:

I was just trying the same. I just use "php artisan serve" on localhost:8000, and Webpack Dev Server on localhost:3000. You should make this:

• set your webpack config "output.publicPath" as "http://localhost:3000/static/" instead of "/static/"
• make your php application load this:

The key is the output.publicPath being absolute. Now, you should run "php artisan serve" and launch your webpack dev server too (in my case I use gulp).

Basically I took that and dug through the Vue.js Webpack Template files to locate the config file where webpack was looking for the public path. the public path setting ended up being in the index.js file located in the /config directory of the template.

I changed my code to look like this: