1
resposta

Na hora que vou buildar o projeto com o comando

**ERROR in ./~/css-loader!./~/style-loader!./~/css-loader!./~/bootstrap/dist/css/bootstrap.css
Module build failed: Unknown word (5:1)**

  3 | // load the styles
  4 | var content = require("!!../../../css-loader/index.js!./bootstrap.css");
> 5 | if(typeof content === 'string') content = [[module.id, content, '']];
    | ^
  6 | // add the styles to the DOM
  7 | var update = require("!../../../style-loader/addStyles.js")(content, {});
  8 | if(content.locals) module.exports = content.locals;

 **@ ./~/bootstrap/dist/css/bootstrap.css 4:14-131
 @ ./src/main.js**

Mesmo instalando as dependências certinhas

npm install bootstrap@3.3.7 --save

npm install css-loader@0.25.0 style-loader@0.13.1 --save-dev

e inserido as configurações:

{ test: /\.css$/, loader: 'style-loader!css-loader' },
      { test: /\.(woff|woff2)(\?v=\d+\.\d+\.\d+)?$/, loader: 'url-loader?limit=10000&mimetype=application/font-woff' },
      { test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, loader: 'url-loader?limit=10000&mimetype=application/octet-stream' },
      { test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, loader: 'file-loader' },
      { test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, loader: 'url-loader?limit=10000&mimetype=image/svg+xml' }

importação no main.js

import 'bootstrap/dist/css/bootstrap.css';

o meu pacote .json:

``` { "name": "alurapic", "description": "A Vue.js project", "version": "1.0.0", "author": "", "license": "MIT", "private": true, "scripts": { "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot", "build": "cross-env NODE_ENV=production webpack --progress --hide-modules" }, "dependencies": { "bootstrap": "^3.3.7", "vee-validate": "^2.0.0-beta.18", "vue": "^2.6.11", "vue-resource": "^1.0.3", "vue-router": "^2.1.1" }, "browserslist": [ "> 1%", "last 2 versions", "not ie <= 8" ], "devDependencies": { "babel-core": "^6.26.3", "babel-loader": "^6.4.1", "babel-preset-env": "^1.6.0", "babel-preset-stage-3": "^6.24.1", "cross-env": "^3.2.4", "css-loader": "^0.25.0", "file-loader": "^0.9.0", "style-loader": "^0.13.1", "url-loader": "^0.5.7", "vue-loader": "^10.3.0", "vue-template-compiler": "^2.6.11", "webpack": "^2.7.0", "webpack-dev-server": "^2.11.5" } }

1 resposta
Removido a pedido do usuario.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software