2016-10-09 5 views
0

간단한 가져 오기 index.html에서 작동합니다. 왜 여분의 번거 로움? 아래에서 어떻게 해결할 수 있습니까?Webpack, Angular2 및 Bootstrap이 함께 작동하지 않습니다.

가 난 그냥 당신이 적절한 로더를해야 할 수도 있습니다

import "bootstrap/dist/css/bootstrap.css" 을하고 작업을해야

import '../../node_modules/bootstrap/dist/css/bootstrap.css' 


SyntaxError: Invalid or unexpected token 
    at Object.exports.runInThisContext (vm.js:76:16) 
    at Module._compile (module.js:528:28) 
    at Object.Module._extensions..js (module.js:565:10) 
    at Module.load (module.js:473:32) 
    at tryModuleLoad (module.js:432:12) 
    at Function.Module._load (module.js:424:3) 
    at Module.require (module.js:483:17) 
    at require (internal/module.js:20:19) 
    at Object.<anonymous> (/Users/Documents/frontend/-angular2/node_modules/bootstrap/dist/css/bootstrap.css:6:4446) 
    at Module._compile (module.js:556:32) 
    at Object.exec (/Users/Documents/frontend/qangular2/node_modules/webpack/lib/NormalModule.js:94:6) 
    at Object.module.exports (/Users/Documents/frontend/qta-angular2/node_modules/to-string-loader/src/to-string.js:6:54) 
@ ./src/app/app.component.ts 8:0-62 
@ ./src/app/app.module.ts 
@ ./src/app/index.ts 
@ ./src/main.browser.ts 
@ multi main 

답변

0

부트 스트랩로드하려고 package.json

"bootstrap":"3.3.7", 

에 설치합니다. 당신이 시도 할 수

{test: /\.(png|jpg|jpeg|gif|svg|woff|woff2)$/, loader: 'url-loader?limit=10000', }

Example

관련 문제