npm - 如何使用 WebPack 2 (jQuery & ddSlick) 导入插件
问题描述
我正在尝试使用 ASP.NET Core 2.0 和 Vue.js 创建 SP 应用程序。在那个过程中,我坚持导入/实现一些额外的插件。在我想将 ddSlick 添加到 JQuery 1.7.2 之前,这或多或少是直截了当的。
首先,我实现了 jQuery,但只有 v 3.3。我想添加额外的 v. 1.7.2。这是 ddSlick 正常工作所必需的。
import $ from 'jquery';
window.jQuery = $; window.$ = $;
import ddSlick from 'ddslick'
import Vue from 'vue'
import axios from 'axios'
import router from './router/index'
import store from './store'
import { sync } from 'vuex-router-sync'
import App from 'components/app-root'
import { FontAwesomeIcon } from './icons'
// Registration of global components
Vue.component('icon', FontAwesomeIcon)
Vue.prototype.$http = axios
sync(store, router)
const app = new Vue({
store,
router,
...App
})
export {
app,
router,
store
}
我尝试使用 import ddSlick from 'ddslick' 但它返回错误
'Module not found: Error: `Can't resolve 'ddslick' in C:\Develop\someApp-app\someApp.Frontend\ClientApp'`
在控制台中我得到
Uncaught Error: Cannot find module "ddslick"
我使用 npm install 安装了附加依赖项,如您在此处看到的
"dependencies": {
"axios": "^0.15.3",
"core-js": "^2.5.3",
"detached-jquery-1.7.2": "^1.7.2",
"ddslick": "^1.0.2",
"vue": "^2.5.16",
"vue-router": "^2.8.1",
"vue-server-renderer": "^2.5.16",
"vue-template-compiler": "^2.5.16",
"vuex": "^2.5.0",
"vuex-router-sync": "^4.3.2"
}
感谢您的时间 :)
SamBokai建议创建 npm ls 来发布结果(只发布部分结果),我们可以看到 ddslick 已安装
+-- postcss-modules-scope@1.1.0
| | +-- css-selector-tokenizer@0.7.0 deduped
| | `-- postcss@6.0.23
| | +-- chalk@2.4.1
| | | +-- ansi-styles@3.2.1
| | | | `-- color-convert@1.9.2 deduped
| | | +-- escape-string-regexp@1.0.5 deduped
| | | `-- supports-color@5.4.0 deduped
| | +-- source-map@0.6.1
| | `-- supports-color@5.4.0
| | `-- has-flag@3.0.0 deduped
| +-- postcss-modules-values@1.3.0
| | +-- icss-replace-symbols@1.1.0
| | `-- postcss@6.0.23
| | +-- chalk@2.4.1
| | | +-- ansi-styles@3.2.1
| | | | `-- color-convert@1.9.2 deduped
| | | +-- escape-string-regexp@1.0.5 deduped
| | | `-- supports-color@5.4.0 deduped
| | +-- source-map@0.6.1
| | `-- supports-color@5.4.0
| | `-- has-flag@3.0.0 deduped
| `-- source-list-map@0.1.8
+-- ddslick@1.0.2
| `-- jquery@2.2.4
+-- detached-jquery-1.7.2@1.7.2
+-- eslint@4.19.1
| +-- ajv@5.5.2
| | +-- co@4.6.0
| | +-- fast-deep-equal@1.1.0
| | +-- fast-json-stable-stringify@2.0.0
| | `-- json-schema-traverse@0.3.1
| +-- babel-code-frame@6.26.0 deduped
| +-- chalk@2.4.1
- 更新
这是我的文件夹结构的屏幕截图
解决方案
其他项目,使用另一个路径导入它:
import '../lib/jquery.ddslick.js';
参考:
推荐阅读
- c++ - GDI+ 仅第一次正确绘制屏幕
- google-sheets - Google Sheet 在冻结的标题栏中隐藏公式
- neo4j - 如何在neo4j中将字符串转换为时间戳
- c# - 如何在从多个线程进行调用时锁定对 dll 的访问?
- url - 为什么我的主页上的域后会出现文件路径?
- activebatch - 调用另一个工作
- javascript - 如何检查字符串或数组中单词的多次出现
- python - 我可以在 unittest assertIn 中将方法作为参数传递吗?
- python - 使用 sharey= 删除子图上的 y 轴刻度标签
- python - Python使cv2窗口始终位于顶部