带angular4的jQueryUI
我正在尝试向angular4项目添加定制的jqueryUI日期选择器组件。目前我已经使用普通的jquery、html和css进行了开发。我想将该组件添加到angular4。 我试过像下面这样,但是当运行npm start时,它会给出一个错误 My jquery ui日期选择器(根据rangepicker定制) 这就是我将jqueryUI导入angular4的方式带angular4的jQueryUI,angular,jquery-ui,Angular,Jquery Ui,我正在尝试向angular4项目添加定制的jqueryUI日期选择器组件。目前我已经使用普通的jquery、html和css进行了开发。我想将该组件添加到angular4。 我试过像下面这样,但是当运行npm start时,它会给出一个错误 My jquery ui日期选择器(根据rangepicker定制) 这就是我将jqueryUI导入angular4的方式 "apps": [ { "root": "src", "outDir": "dist", "assets": [
"apps": [
{
"root": "src",
"outDir": "dist",
"assets": [
"assets",
"favicon.ico"
],
"index": "index.html",
"main": "main.ts",
"polyfills": "polyfills.ts",
"test": "test.ts",
"tsconfig": "tsconfig.app.json",
"testTsconfig": "tsconfig.spec.json",
"prefix": "app",
"styles": [
"styles.css",
"../node_modules/jquery-ui/../themes/base/all.css",
"../node_modules/bootstrap/dist/css/bootstrap.min.css"
],
"scripts": ["../node_modules/jquery/dist/jquery.min.js",
"../node_modules/jqueryui/jquery-ui.js",
"../node_modules/bootstrap/dist/js/bootstrap.min.js"],
"environmentSource": "environments/environment.ts",
"environments": {
"dev": "environments/environment.ts",
"prod": "environments/environment.prod.ts"
}
}
],
这是我在命令提示符中遇到的错误
如果无法提供完整路径,请尝试此操作
如果无法提供完整路径,请尝试此操作
它适用于jquiery.min.js,但jquery.min.css的导入方式不同。它给出了同样的错误。导入css有什么不同的方法吗?我已经更新了答案,并尝试给出css的完整路径。它对jquiery.min.js有效,但jquery.min.css不会以相同的方式导入。它给出了同样的错误。导入css有什么不同的方法吗?我已经更新了答案,并尝试给出css的完整路径。
"scripts": ["node_modules/jquery/dist/jquery.min.js","node_modules/jqueryui/jquery-ui.js",
"node_modules/bootstrap/dist/js/bootstrap.min.js"]
npm uninstall -g angular-cli @angular/cli
npm cache clean
npm install -g angular-cli@1.0.0-beta.26
"styles": [
"fullpath/styles.css",
"node_modules/jquery-ui/../themes/base/all.css",
"node_modules/bootstrap/dist/css/bootstrap.min.css"
],