问题描述:
import动态导入,将js文件单独打包时,webpack打包错误

import('./test')
  .then((res) => {
    // 文件加载成功
    console.log(res.mul(2, 5));
  })
  .catch(() => {
    console.log('文件加载失败');
  });

构建出错:

ERROR in ./src/js/index.js
Module Error (from ../../node_modules/_eslint-loader@4.0.2@eslint-loader/dist/cjs.js):

D:projectgitOwnwebpack23-code splitdemo3srcjsindex.js
  19:7  error  Parsing error: Unexpected token (

? 1 problem (1 error, 0 warnings)

问题分析:
禁用eslint,webpack打包正常,Parsing error 是eslint解析错误。

解决方案:

1.下载 babel-eslint 插件(Npm下载会出错)
cnpm install babel-eslint --save

2.在package.json中配置 eslintConfig 属性

"eslintConfig": {
 "extends": "airbnb-base",
 "parser": "babel-eslint"
 }
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐