admin管理员组文章数量:1530024
学习webpack+vue时,出现了这个错误。
百度一下这个问题是因为webpack.config.js中没有配置vue-loader。所以在webpack.config.js文件加上
const path = require('path')
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$/,
exclude: /(node_modules|bower_components)/,
use: [
{
loader: "babel-loader"
}
]
}
]
}
}
但是发现依然还有问题,但是问题主要出现在App.vue和index.js中,所以我以为是es6转换错误,就加上了babel-loader中。具体命令:
cnpm i babel-loader babel-core babel-preset-es2015 –save
这时候出现了下述错误
这时发现多了个等于号,去掉以后就正常了。
本文标签: Loaderwebpackhandletypefile
版权声明:本文标题:webpack You may need an appropriate loader to handle this file type. 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://m.elefans.com/dianzi/1726298254a1064858.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论