Question

我正在尝试在vue组件中导入amcharts的零件，

import * as am4core from "@amcharts/amcharts4/core";
import * as am4charts from "@amcharts/amcharts4/charts";

但是它破坏了网站的样式：最终的CSS文件仅包含/* (ignored) *//* (ignored) *//* (ignored) */而不是实际样式。我发现一个thread on the github也有同样的问题，但是没有任何解决方法。

有人可以帮我弄清楚这种现象的原因和实际解决办法吗？

图表： 4.10.5； Webpack： 4.43.0

Answer 1

因此，我已经找到了解决方案。

您需要删除那些生成的文件（如果已创建）：

public/vendors~xlsx.js
public/xlsx.js
public/vendors~pdfmake.js
public/vendors~canvg.js

将其添加到webpack配置中（对于laravel-mix，请将其添加到mix.webpackConfig({...})结构内部）：

{
  externals: function (context, request, callback) {
    if (/xlsx|canvg|pdfmake/.test(request)) {
      return callback(null, "commonjs " + request);
    }
    callback();
  }
}

更多详细信息是here。

amcharts4样式损坏

1 个答案: