个回答

• qq_王小姐总是不高兴_0

  2018-06-07 16:37:34

  已采纳

  加粗之后为什么消失

  我的 fRom

  1

• qq_慕瓜3115496

  2019-11-06 17:27:48

  仔细看3楼的方法,能解决问题,刚刚处理好这个'无法解析“app.vue”内“style”' 这个问题

  0

• 沐慕穆

  2018-10-22 20:31:42

  解决了吗，什么办法

  0

• Dandelion_H2o

  2018-08-22 18:52:13

  首先最新的webpack使用vue-loader时还要在配置中添加 Vue Loader 的插件。
  

  // webpack.config.jsconst VueLoaderPlugin = require('vue-loader/lib/plugin')module.exports = {
    module: {
      rules: [
        // ... 其它规则
        {
          test: /\.vue$/,
          loader: 'vue-loader'
        }
      ]
    },
    plugins: [
      // 请确保引入这个插件！
      new VueLoaderPlugin()
    ]}

  然后如果添加了插件还是报错如下错误的话，表示不能处理.vue文件里<style>的部分，还要添加vue-style-loader来处理

  

  最终的webpack.config.js如下：

  const path = require('path');const VueLoaderPlugin = require('vue-loader/lib/plugin');module.exports = {    entry: path.join(__dirname, 'src/index.js'),    output: {        filename: 'bundle.js',        path: path.join(__dirname, 'dist')    },    module: {        rules: [{                test: /\.vue$/,                loader: 'vue-loader'            },            {                test: /\.css$/,                use: ['vue-style-loader', 'css-loader']            }        ]    },    plugins: [        new VueLoaderPlugin()    ]};

  

  参考：https://vue-loader.vuejs.org/zh/guide/#%E6%89%8B%E5%8A%A8%E9%85%8D%E7%BD%AE

  3

• 慕粉4043383

  2018-08-09 13:51:31

  resolve: {

      alias: { 'vue$': 'vue/dist/vue.esm.js' }

  }

  需要在配置文件里加这个，解析别名

  
  

  0

• kuleyu

  2018-06-17 20:09:13

  @

  装了“css-loader”，也正确配置了“VueLoaderPlugin”，但无法解析“app.vue”内“style”标签里的样式文本，该如何解决？

  主要报错内容如下：
  

  Module parse failed: Unexpected character '#' (16:0)
  You may need an appropriate loader to handle this file type.
  |
  |
  > #test {
  |     color: red;
  | }

  删除“app.vue”的“style”内容后，运行 `npm run build `也确实不再报错了。

  我的依赖包如下：

  "dependencies": {
      "css-loader": "^0.28.11",
      "vue": "^2.5.16",
      "vue-loader": "^15.2.4",
      "vue-template-compiler": "^2.5.16",
      "webpack": "^4.12.0",
      "webpack-cli": "^3.0.8"
  }

  所以这该如何解决呢？
  

  2

• renderman

  2018-06-07 19:59:52

  尝试 const {vueLoadPlugin} = require('vue-oader')

  1

• qq_王小姐总是不高兴_0

  2018-06-07 16:36:15

  import Vue  'vue'
  import App  './app.vue'
  楼主，检查一下你代码是不是单词拼写错误？

  
  

  0

• Willsf

  2018-06-07 09:10:35

  版本问题吧 用以下版本试试  

  "dependencies": {
  "css-loader": "^0.28.7",
  "vue": "^2.5.13",
  "vue-loader": "^13.6.0",
  "vue-template-compiler": "^2.5.13",
  "webpack": "^3.10.0"
  }

  
  

  0