3回答

• 

  风舞

  2020-01-13 22:22:48

  已采纳

  webpack.config.js 最新版vue-loader的文件中的内容要调整，可以参考如下配置

  const path = require('path')const VueLoaderPlugin = require('vue-loader/lib/plugin')module.exports = {mode:'none',entry: path.join(__dirname, 'src/index.js'),output: {filename: 'bundle.js',path: path.join(__dirname, 'dist')},module: {rules:[{test:/.vue$/,loader: 'vue-loader'},     // 它会应用到普通的 `.js` 文件     // 以及 `.vue` 文件中的 `<script>` 块{test: /\.js$/,loader: 'babel-loader'},     // 它会应用到普通的 `.css` 文件     // 以及 `.vue` 文件中的 `<style>` 块{test: /\.css$/,use: ['vue-style-loader','css-loader']}]},plugins: [   // 请确保引入这个插件！new VueLoaderPlugin()]}

  
  

  1 0

  慕粉1505...

  代码调整后还是一样的错误...

  2020-01-14 08:58:23

  共 1 条回复 >

• 

  慕用3882092

  2020-01-16 17:34:31

  1、安装几个工具。在控制台，分别输入：

  npm install @babel/core

  npm install bable-loader

  npm install  vue-style-loader

  npm install vue-template-compiler

  2、然后在检查webpack.config.js的位置（与src文件夹同级）

  3、然后修改webpack.config.js的内容为：

  const path= require('path')

  const VueLoaderPlugin = require('vue-loader/lib/plugin.js')

  module.exports = {

    entry:path.join(__dirname,'src/index.js'),

    output:{

      filename:'bundle.js',

      path:path.join(__dirname,'dist')

    },

    module:{

      rules:[

        {

          test:/.vue$/,

          loader: 'vue-loader'

        },{

          test: /\.js$/,

          loader: 'babel-loader'

        },{

          test: /\.css$/,

          use:['vue-style-loader','css-loader']

        }

      ]

    },

    plugins:[new VueLoaderPlugin()]

  }

                                       

  
  
  5 4

  海的飘逸 回复慕盖茨935...

  谢谢你

  2020-05-03 08:41:48

  共 5 条回复 >

• 

  风舞

  2020-01-13 22:26:41

  还需要安装 @babel/core  babel-loader  vue-style-loader  vue-template-compiler 这几个工具

  1 0

  bonyun...

  已经装了你说的这几个，还是出错

  2020-02-28 21:24:49

  共 1 条回复 >