1
resposta

Problema ao importar bootstrap e o css loader

ERRO: ./node_modules/css-loader!./node_modules/style-loader!./node_modules/css-loader!./node_modules/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;

@ ./node_modules/bootstrap/dist/css/bootstrap.css 4:14-131 13:3-17:5 14:22-139 @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

No webpack foi declarado da seguinte forma: { 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' }

e no main.js: import 'bootstrap/dist/css/bootstrap.css';

versões instaladas: "dependencies": { "bootstrap": "^3.3.7", "vee-validate": "^2.0.0-beta.18", "vue": "^2.5.11", "vue-resource": "^1.0.3", "vue-router": "^2.1.1" }, "browserslist": [ "> 1%", "last 2 versions", "not ie <= 8" ], "devDependencies": { "babel-core": "^6.26.0", "babel-loader": "^7.1.2", "babel-preset-env": "^1.6.0", "babel-preset-stage-3": "^6.24.1", "cross-env": "^5.0.5", "css-loader": "^0.25.0", "file-loader": "^1.1.4", "node-sass": "^4.5.3", "sass-loader": "^6.0.6", "style-loader": "^0.13.1", "url-loader": "^0.5.7", "vue-loader": "^13.0.5", "vue-template-compiler": "^2.4.4", "webpack": "^3.6.0", "webpack-dev-server": "^2.9.1" }

Não consegui identificar o porque do erro, poderia me ajudar?

1 resposta

Bom dia. O código postado esta ilegível. Você não pode simplesmente cortar e colar o código, precisa usar a sintaxe de formatação para que ele possa ser lido.

Compartilhe cada bloco de código completo e separado usando a formatação . Há no canto direito um botão chamado formatação que explica como fazer.

Outra pergunta, qual versão do Vue CLI você instalou? A mesma que uso no curso?

No aguardo!