Question

我正在使用Laravel Mix，但在幕后它使用的是Webpack4。无论我做什么，我都无法摆脱此错误。

ERROR in ./node_modules/@amcharts/amcharts4/.internal/core/export/Export.js 3215:14
Module parse failed: Unexpected token (3215:14)
You may need an appropriate loader to handle this file type.
|             return [4
|             /*yield*/
>             , import(
|             /* webpackChunkName: "canvg" */
|             "canvg")];
 @ ./node_modules/@amcharts/amcharts4/core.js 74:0-56 74:0-56
 @ ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/modules/Reporting/components/index.vue?vue&type=script&lang=js&
 @ ./resources/assets/js/modules/Reporting/components/index.vue?vue&type=script&lang=js&
 @ ./resources/assets/js/modules/Reporting/components/index.vue
 @ ./resources/assets/js/routes.js
 @ ./resources/assets/js/app.js
 @ multi ./resources/assets/js/app.js ./resources/assets/less/app.less

看起来Amchart正在动态导入，所以我安装了@ babel / plugin-syntax-dynamic-import但没有帮助。以前未安装此插件，Amchats正常工作。这是所有已加载的babel软件包：

"devDependencies": {
  "@babel/cli": "^7.2.3",
  "@babel/core": "^7.2.2",
  "@babel/plugin-proposal-object-rest-spread": "^7.2.0",
  "@babel/plugin-syntax-dynamic-import": "^7.2.0",
  "@babel/preset-env": "^7.2.3",

这是我的.babelrc

{
  "presets": [
    "@babel/preset-env"
  ],
  "plugins": [
    "@babel/plugin-proposal-object-rest-spread",
    "@babel/plugin-syntax-dynamic-import"
  ]
}

我在这里做错了什么？我应该编译node_modules / @ amcharts吗？那没有任何意义，难道节点模块不应该已经编译吗？

npm -v 6.4.1 node -v 10.14.1

Answer 1

如果您的Webpack版本高于4.28.4，请检查您的运气。 Webpack维护者现在已经知道此问题，下一版本的NPM版本应该可以解决该问题。软件包在NPM树中不正确地悬挂。同时，对我有用的快速修复方法：

删除node_modules并破坏锁定文件

grid-area

将webpack降级到最后一个已知的工作版本（将其锁定在该版本中，以便您可以对其他软件包运行npm update）：

rm -fr node_modeles
rm -f package-lock.json

如果NPM找不到橡果6.0，则安装橡果6.0（这是NPM吊装问题）

npm install webpack@4.28.4

你应该很好！

Laravel Mix 4 Amcharts动态导入问题

1 个答案: