Я довольно новичок в Vue и Webpack, так что надеюсь, что это не очень глупый вопрос.
При попытке создать файл Babel, похоже, не распознает синтаксис ES6:
ERROR in ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/FullPage.vue
Module build failed: SyntaxError: Unexpected token (67:10)
65 | events: constants.EVENTS.reduce((eventsHandlers, event) => {
66 | return {
> 67 | ...eventsHandlers,
| ^
68 |
69 | [event]: (...args) => {
70 | this.emitEvent(event, args);
Мои зависимости разработчиков:
"devDependencies": {
"babel-core": "^6.26.0",
"babel-loader": "^7.1.2",
"babel-preset-env": "^1.6.0",
"babel-preset-stage-3": "^6.24.1",
"cross-env": "^5.0.5",
"css-loader": "^0.28.7",
"file-loader": "^1.1.4",
"vue-loader": "^13.0.5",
"vue-template-compiler": "^2.4.4",
"webpack": "^3.6.0",
"webpack-dev-server": "^2.9.1"
}
Мои правила модуля в файлах веб-пакета включают в себя:
{
test: /\.js$/,
loader: 'babel-loader',
exclude: /node_modules/
},
Вы можете просмотреть весь файл веб-пакета здесь