Я пытаюсь запустить приложение vue в производственном режиме, но все время получаю сообщение об ошибке, связанное с загрузчиком - PullRequest
Новая
       9

Я пытаюсь запустить приложение vue в производственном режиме, но все время получаю сообщение об ошибке, связанное с загрузчиком

0 голосов
/ 09 июля 2020

Я пытаюсь запустить это приложение, созданное с использованием vue -cli, в производственном режиме, но я продолжаю получать ошибку загрузчика, по-видимому, для vue файлов Я получаю эту ошибку при запуске npm run build : 

ERROR in ./src/App.vue 1:0
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
> <template>
|   <div id="container">
|     <div id="header">
 @ ./src/index.js 2:0-27 10:17-20

Я проверял решения в Интернете и следил за ними, но пока ни одно из них не помогло

Это мой пакет. json, в предлагаемых решениях сказано использовать vue-loader@14.2.2, который я пробовал: 

"dependencies": {
    "@babel/plugin-transform-runtime": "^7.10.4",
    "@babel/runtime": "^7.10.4",
    "babel-preset-es2015": "^6.24.1",
    "uglifyjs-webpack-plugin": "^2.2.0",
    "vue": "^2.6.11"
  },
"devDependencies": {
    "@babel/core": "^7.10.4",
    "@babel/preset-env": "^7.10.4",
    "babel-loader": "^8.1.0",
    "babel-preset-stage-3": "^6.24.1",
    "babel-preset-vue": "^2.0.2",
    "cross-env": "^7.0.2",
    "css-loader": "^3.6.0",
    "file-loader": "^6.0.0",
    "terser-webpack-plugin": "^3.0.6",
    "vue-loader": "^14.2.2",
    "vue-template-compiler": "^2.5.16",
    "webpack": "^4.43.0",
    "webpack-cli": "^3.3.12",
    "webpack-dev-server": "^3.11.0"
  }

Это мой файл Webpack.config. js файл: 

module.exports = {
  module: {
    rules: [{
        test: /\.css$/,
        use: [
          'vue-style-loader',
          {
            loader: 'css-loader'
          }
        ],
      }, {
        test: /\.vue$/,
        loader: 'vue-loader',
        options: {
          loaders: {}
        }
      },
      {
        test: /\.js$/,
        loader: 'babel-loader',
        exclude: /node_modules/,
        query: {
          presets: ['es2015', 'stage-3', 'env', 'vue']
      }
      },
    ]
  }
}

I не могу понять, что делаю не так

...