Skip to content
This repository has been archived by the owner on Jan 3, 2024. It is now read-only.

vue-loader的style错误 #13

Open
yiqianglin opened this issue Apr 26, 2018 · 6 comments
Open

vue-loader的style错误 #13

yiqianglin opened this issue Apr 26, 2018 · 6 comments

Comments

@yiqianglin
Copy link

ERROR in ./src/components/ProgressBar.vue?vue&type=style&index=0&id=5734e3c6&scoped=true&lang=css (./node_modules/_vue-loader@15.0.1@vue-loader/lib/loaders/stylePostLoader.js!./node_modules/_vue-style-loader@4.1.0@vue-style-loader!./node_modules/_css-loader@0.28.11@css-loader??ref--6-oneOf-0-1!./node_modules/_vue-loader@15.0.1@vue-loader/lib??vue-loader-options!./src/components/ProgressBar.vue?vue&type=style&index=0&id=5734e3c6&scoped=true&lang=css)
Module build failed: CssSyntaxError:

dev编译时,ProgresressBar.vue里面style报错,这个怎么解决?

另外,dev-server.js的html-webpack-plugin-after-emit报cb未定义。小提示

@yiqianglin
Copy link
Author

此外,还想请教一下,admin您是用了异步加载的模式,异步的chunk里面css其实没有分离出来,如何将异步加载的chunk里面也进行css提取分离出来。等于我打开admin/page1.html,就会加载对应的page1.js和page1.css;打开admin/page2.html,就会加载对应的page2.js和page2.css;这能实现吗?或者可以大致告诉一下思路吗?

@lincenying
Copy link
Owner

我在mac和win7下测试, 没有报你上面说的错, 建议重新git pull下, 然后把node_modules文件夹删了, 重新用 yarn 安装依赖, 我估计是依赖版本的问题

另外, 现在admin是可以剥离出css的, 开发环境不会剥离, 生产环境是会剥离的.

image

@yiqianglin
Copy link
Author

很高兴能得到回答,第一个问题我会定位一下什么问题。

@yiqianglin
Copy link
Author

我发现一个问题,在router使用require.ensure做异步加载,是可以拿到chunkName的,但是通过import,如:component: () => import(/* webpackChunkName: "page" */ './view/page/page.vue'),在打包的时候,[name]是无法拿到的。get static/js/1.c7af45c.js .

@lincenying
Copy link
Owner

这个问题, 我也很早发现了, 一直找不到原因, 所以放弃了...

@lincenying
Copy link
Owner

@yiqianglin 这个原因应该是找到了, 删除 .babelrc 里的 comments: false 这个配置 或设置成true

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants