У меня выходит ошибка
build.js:1 GET http://127.0.0.1:8081/dist2.build.js net::ERR_ABORTED 404 (Not Found)
build.js:12 [Vue warn]: Failed to resolve async component: ()=>n.e(2).then(n.bind(null,339))
Reason: Error: Loading chunk 2 failed.
Только есть одна проблема, в том что у меня есть только файл /dist/2.build.js. А он объединяет директорию и получается dist2.build.js/ А данного файла нет. Я не пойму где нужно менять у webpack чтобы пути он нормально формировал
Все настройки webpack
const path = require('path');
const { VueLoaderPlugin } = require('vue-loader');
const config = {
entry: './src/main.js',
output: {
path: path.resolve(__dirname, "dist"),
publicPath: "dist",
filename: "build.js"
},
module: {
rules: [
{
test: /\.vue$/,
use: 'vue-loader'
},
{
test: /\.css$/,
use: [
{ loader: "style-loader" },
{ loader: "css-loader" }
]
},
{
test: /\.scss$/,
use: [
{ loader: "style-loader" },
{ loader: "css-loader" },
{ loader: "sass-loader" }
]
},
{
test: /\.svg$/,
loader: 'vue-svg-loader',
}
]
},
resolve: {
alias: {
vue: 'vue/dist/vue.js',
'@': path.join(__dirname, 'src/'),
}
},
plugins: [
new VueLoaderPlugin()
],
};
module.exports = (env, argv) => {
if (argv.mode !== "production") {
config.mode = "development";
config.devtool = 'source-map';
config.watch = true;
config.devServer = { contentBase: __dirname + '/' }
}
return config;
};