1
と角度-UI-ブートストラップを使用して、私はWebPACKのでhttps://github.com/angular-ui/bootstrapを使用しよう：WebPACKの
import angular from 'angular';
import uiRouter from 'angular-ui-router';
import createComponent from './create.component';
import tabs from 'angular-ui-bootstrap/src/tabs/index';
let createModule = angular
.module('create', [
uiRouter,
tabs
])
.component('partnerCreate', createComponent);
export default createModule;
そして、私は、ブラウザのコンソールにエラーがあります。
angular.js:11881 XMLHttpRequest cannot load http://localhost:3300uib/template/tabs/tabset.html. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.(anonymous function) @ angular.js:11881sendReq @ angular.js:11642serverRequest @ angular.js:11352processQueue @ angular.js:16170(anonymous function) @ angular.js:16186$eval @ angular.js:17444$digest @ angular.js:17257$apply @ angular.js:17552bootstrapApply @ angular.js:1754invoke @ angular.js:4709doBootstrap @ angular.js:1752bootstrap @ angular.js:1772angularInit @ angular.js:1657(anonymous function) @ angular.js:31468i @ jquery.min.js:2fireWith @ jquery.min.js:2ready @ jquery.min.js:2K @ jquery.min.js:2
angular.js:13708 Error: [$compile:tpload] Failed to load template: uib/template/tabs/tabset.html (HTTP status: -1)
http://errors.angularjs.org/1.5.7/$compile/tpload?p0=uib%2Ftemplate%2Ftabs%2Ftabset.html&p1=-1&p2=
at angular.js:68
at handleError (angular.js:19195)
at processQueue (angular.js:16170)
at angular.js:16186
at Scope.$eval (angular.js:17444)
at Scope.$digest (angular.js:17257)
at Scope.$apply (angular.js:17552)
at bootstrapApply (angular.js:1754)
at Object.invoke (angular.js:4709)
at doBootstrap (angular.js:1752)
を、これはWebPACKのローダーのための私の設定です：
loaders: [
{
test: /\.js$/,
exclude: [/app\/lib/, /node_modules/],
loader: 'ng-annotate!babel',
},
{test: /\.jade$/, loader: 'jade'},
{test: /\.json$/, loader: 'json'},
{test: /\.less$/, loader: 'style!css!less'},
{test: /\.css$/, loader: 'style!css'},
{
test: /\.(eot|woff|woff2|ttf|svg|png|jpg)(\?[a-z0-9=\.]+)?$/,
loader: 'url-loader?limit=30000&name=[name]-[hash].[ext]',
}
]
私が間違っていることを説明できる人はいますか？ （？WebPACKのdevのサーバーまたはブラウザ同期）
...有効なURLではありませんそして、これはWebPACKのローダーのための私の設定です： '' 'ローダー：[ {テスト：/\.js$/、除外：[/ app \/lib /、/ node_m {test：/\.json$/、loader： 'json'}、{nd-annotate！babel}}、 {test：/\.jade$/、loader： 'jade'}、 、 {test：/\.less$/、loader： 'style！css！less'}、 {test：/\.css$/、loader： 'style！css'}、 { テスト：loader： 'url-loader？limit = 30000＆name = [name]]（$？[a-z0-9 = \。] +）？$/- [ハッシュ]。[ext] ' } ] '' ' –