Webpack работает нормально, но сервер webpack dev не запускается приложение выдает ошибку консоли - PullRequest
Новая
       54

Webpack работает нормально, но сервер webpack dev не запускается приложение выдает ошибку консоли

1 голос
/ 26 апреля 2020

Я новичок в Vuejs Конфигурация Webpack. Я пытаюсь запустить приложение vuejs, используя dev-сервер, но не могу. Команда Webpack работает нормально, и я могу успешно построить приложение, и оно работает нормально, но когда я пытаюсь запустить приложение с dev-сервером, оно открывает URL-адрес в самом браузере, но выдает ошибку консоли, не в состоянии отследить, что происходит. 

const HtmlWebPackPlugin = require("html-webpack-plugin");
const { CleanWebpackPlugin } = require("clean-webpack-plugin");
const { VueLoaderPlugin } = require("vue-loader");

const path = require("path");
module.exports = {
  entry: "./index.js",
  output: {
    path: path.resolve(__dirname, "./dist"),
    filename: `js/[name]_[hash]_bundle.js`,
    chunkFilename: `js/[name]_[chunkhash]_chunk.js`,
  },
  devServer: {
    port: 4300,
  },
  module: {
    rules: [
      {
        test: /\.vue$/,
        loader: "vue-loader",
      },
      {
        test: /\.js$/,
        loader: "babel-loader",
      },
      {
        test: /\.(css|scss)$/,
        use: ["vue-style-loader", "css-loader", "sass-loader"],
      },
    ],
  },
  optimization: {
    splitChunks: { name: "vendor", chunks: "all" },
  },
  resolve: {},
  plugins: [
    new CleanWebpackPlugin(),
    new VueLoaderPlugin(),
    new HtmlWebPackPlugin({
      template: "./index.html",
      filename: "./index.html",
    }),
  ],
  devtool: "source-map",
};

Это ошибка, которую я получаю при выполнении команды webpack-dev-server, enter image description here

Как вы можете видеть здесь, загрузка js правильно связывать файлы здесь в индексе. html enter image description here

...