Question

但是在启动应用程序时，出现此错误：

错误 ./node_modules/angular2-google-chart/directives/angular2-google-chart.directive.ts 模块构建失败：错误：/home/user/Desk/project/frontend/node_modules/angular2-google-chart/directives/angular2-google-chart.directive.ts 在TypeScript编译中丢失。请确保它在您的tsconfig通过“文件”或“包含”属性。丢失的文件似乎是第三方图书馆的一部分。 TS文件已发布库通常是包装不良的标志。请打开在库存储库中发布以警告其作者并请他们使用Angular打包格式打包库（/goo.gl/jB3GVv）。在AngularCompilerPlugin.getCompiledFile（/home/user/Desk/project/frontend/node_modules/@ngtools/webpack/src/angular_compiler_plugin.js:674:23）然后在plugin.done.then（/home/user/Desk/project/frontend/node_modules/@ngtools/webpack/src/loader.js:467:39）在在process._tickCallback（internal / process / next_tick.js：182：7）

如何解决此错误？

Answer 1

那个错误路径问题。您必须复制该4xx文件并粘贴一些项目文件夹（例如资产或其他任何文件），然后导入以使用它来解决问题。

这是您提到的“ angular2-google-chart”的iam制作的示例示例演示

https://stackblitz.com/edit/angular-zp46ve

安装：-

angular2-google-chart.directive.ts

index.html

npm install angular2-google-chart

app.module.ts

<head>
    <script src="https://www.gstatic.com/charts/loader.js"></script>
    <script>  
        // !important: You want to give this variable(var googleLoaded = false;). This is used to run multiple chart in your jade.
        var googleLoaded = false;
        // !important: Define which chart packages to preload.Because this package uses ChartWrappers you can use any chart type that Google supports, but if it // isn't loaded it will load it on demand. 
        var googleChartsPackagesToLoad = ['geochart'];
    </script>
    </head>

输出屏幕截图

希望对您有所帮助。如果有任何错误，请通知我。

使用“ Angular 2-google-chart”

1 个答案: