Question

我正在尝试将以下插件安装到我的.Net Core SPA中;

我已经执行了以下步骤;

将以下内容添加到我的package.json;

import android.support.v4.app.Fragment;

然后我在Visual Studio中右键单击并更新了包。

然后我将模块添加到我的app.shared.module.ts;

"agm-core": "1.0.0-beta.5",
"agm-snazzy-info-window": "1.0.0-beta.5",

我还将以下内容添加到我的webpack.config.vendor.js;

import { AgmCoreModule } from 'agm-core';
import { AgmSnazzyInfoWindowModule } from 'agm-snazzy-info-window';

AgmCoreModule.forRoot({
    apiKey: 'my-api-key'
}),
AgmSnazzyInfoWindowModule

我的组件中的html代码是;

const nonTreeShakableModules = [
    ...
    'agm-snazzy-info-window'
];

然而，当我跑步时，我得到以下错误;

错误 ./node_modules/agm-snazzy-info-window/directives/snazzy-info-window.js 找不到模块：错误：无法解析'snazzy-info-window' 'C：\用户\哑光\来源\回购\ MyProject的\ node_modules \ AGM-时髦，信息窗口\指令' @ ./node_modules/agm-snazzy-info-window/directives/snazzy-info-window.js 88：39-74 @ ./node_modules/agm-snazzy-info-window/index.js @ ./ClientApp/app/app.shared.module.ts @ ./ClientApp/app/app.browser.module.ts @ ./ClientApp/boot.browser.ts @ multi event-source-polyfill ？的WebPack-热中间件/客户路径= __ webpack_hmr＆安培; dynamicPublicPath =真 ./ClientApp/boot.browser.ts

现在，如果我删除时髦的信息窗口，只显示谷歌地图，它可以正常工作吗？请问我在这里做错了什么？

Answer 1

此错误很可能发生，因为缺少snazzy-info-window包，表示agm-snazzy-info-window的依赖关系，它也需要安装，例如：

"@agm/core": "1.0.0-beta.2",
"@agm/snazzy-info-window": "1.0.0-beta.2",
"snazzy-info-window": "^1.1.0"

此外，还需要包含snazzy-info-window npm包附带的一些基本样式，例如：

const nonTreeShakableModules = [
    'snazzy-info-window',
    'snazzy-info-window/dist/snazzy-info-window.css'
];

在.Net Core 2.0 Angular 2 SPA模板中加载snazzy-info-window模块时出错

1 个答案: