javascript - Webpack babel-loader object-rest-spread 问题
问题描述
我在解析我的 webpack 项目中最近添加的模块“date-holidays”时遇到问题。我已经更新到最新版本的 babel-core 和 babel-loader 没有任何成功。
错误:
Module parse failed: Unexpected token (16:28)
You may need an appropriate loader to handle this file type.
| export class HolidayRule {
| constructor (ruleObj) {
| const { rule, fn, opts, ...other } = ruleObj
| Object.assign(this, { rule, ...other })
| }
@ ./node_modules/date-holidays-parser/src/index.js 2:0-32
@ ./node_modules/date-holidays/src/Holidays.js
@ ./node_modules/date-holidays/src/index.js
@ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/Modals/CalendarModal.vue
@ ./src/components/Modals/CalendarModal.vue
@ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/Modal.vue
@ ./src/components/Modal.vue
@ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue
@ ./src/App.vue
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js
webpack.base.conf.js:
module: {
rules: [
...(config.dev.useEslint ? [createLintingRule()] : []),
{
test: /\.vue$/,
exclude: /node_modules/,
loader: 'vue-loader',
options: vueLoaderConfig
},
{
test: /\.js$/,
exclude: /node_modules/,
loader: 'babel-loader'
}
},
{
test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
loader: 'url-loader',
options: {
limit: 10000,
name: utils.assetsPath('img/[name].[hash:7].[ext]')
}
},
{
test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
loader: 'url-loader',
options: {
limit: 10000,
name: utils.assetsPath('media/[name].[hash:7].[ext]')
}
},
{
test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
loader: 'url-loader',
options: {
limit: 10000,
name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
}
}
]
}
我也尝试添加插件@babel/plugin-proposal-object-rest-spread以及@babel/plugin-transform-spread但这也不起作用。
解决方案
推荐阅读
- c++ - “+”:不能添加两个指针
- spring - Spring:spring-data-mongodb 或 spring-boot-starter-data-mongodb
- html - 隐藏视频背景溢出
- vba - 用 word 文档中的复制内容替换新邮件中的关键字
- node.js - Cloud Functions 从实时数据库路径获取列表
- windows - 如何在 Windows 上获取当前的屏幕保护程序?
- python - pythonic将元素添加到嵌套列表的方法
- python - 如何使用 TensorFlow ObjectDetection API 中的自定义输入分辨率设置特定的 SSD (lite) 预测架构
- php - 如何在 url 中放置变量并使用 php header 提交表单
- xml - 使用 VBA 或 VB6 从 url (https) 下载 xml 文件