为了账号安全,请及时绑定邮箱和手机立即绑定
关注
慕粉1505578130

所有组件安装完毕,运行报错

http://img4.mukewang.com/5e1c34880001889109650793.jpg这个问题没搞明白😭

2020-01-13 源自:Vue+Webpack打造todo应用 2-1 257 浏览 3 回答

最佳回答

2020-01-13

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()]}


回复 0

慕粉1505578130 (提问者)

代码调整后还是一样的错误...
#1 2020-01-14 回复

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()]

}

                                     


2020-01-16
回复 4

慕村9208018

你的操作是正确的
#1 2020-01-23 回复

奔向一万小时

标准答案👍
#2 2020-02-14 回复

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

2020-01-13
回复 0

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信