我用Webpack创建了我的项目并在开发中使用了Vue.js,但是我无法注入< style>在Vue模板中.
它让我
Module parse Failed: Unexpected token (18:5) You may need an appropriate loader to handle this file type. | | > body { | background-color: red; | }
这是我的webpack.config.js
... module: { rules: [{ test: /\.vue$/,loader: "vue-loader" },{ test: /\.js$/,loader: "babel-loader",exclude: /node_modules/,options: { presets: ["@babel/preset-env"] } },] },
还有我的App.vue
<template> <div id="app"> <counter></counter> </div> </template> <script> import Counter from "./app/Counter.vue"; export default { name: "app",components: { counter: Counter } }; </script> <style> body { background-color: red; } </style>
解决方法
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。