oracle 波浪号不识别,Vue中@import路径不能使用波浪号（~）吗？

Vue中类似这样引入css，

@import ‘~abc/dist/abc.full.css’

编译会报错，Error:Fail to find ‘~abc/dist/abc.full.css’

用最新的vue-cli创建新项目，进行测试，仍然有这个问题。

去掉波浪线，即改为@import ‘abc/dist/abc.full.css’却可以正常加载。已确认abc是已正常安装的模块。

不知道有没有人遇到过，请不吝赐教，谢谢。

网上搜了两天了，没有结果。

补充信息：

异常是从node_modules\_postcss-import@11.0.0@postcss-import\lib\resolve-id.js中报出来的，我猜测是因为vue默认采用postcss-import来导入css，而postcss-import官方文档中说明对模块的导入不需要加波浪号(~)。反复查找发现工程下有一个postcss配置文件.postcssrc.js，内容如下：

module.exports = {

“plugins”: {

“postcss-import”: {},

“postcss-url”: {},

“autoprefixer”: {}

}

注释掉postcss-import后，发现webpack编译时可以支持波浪号了。

module.exports = {

“plugins”: {

// “postcss-import”: {},

“postcss-url”: {},

“autoprefixer”: {}

}

问题解决，且弄清楚了问题原因。

另一个更好的解决办法：

module.exports = {

“plugins”: {

“postcss-import”: {

resolve(id) {

if (id.charAt(0) == '~') {

return id.substr(1)

} else {

return id

}

“postcss-url”: {},

“autoprefixer”: {}

}

oracle 波浪号不识别,Vue中@import路径不能使用波浪号（~）吗？相关推荐

Vue中import引入模块路径时的@符号
Vue中import引入模块路径时的@符号 1.ES6 模块主要有两个功能:export 和 import export:用户对外输出本模块(一个文件可以理解为一个模块,比如 aaa.js bbb.j ...
vue中import引入模块路径中@符号是什么意思
在编写vue文件中引入模块 import model from "@/common/model"; 这里路径前面的"@"符号表示什么意思? resolve: { ...
五-2、vue中引用文件路径问题
vue路径分为: 绝对路径.相对路径.~+路径及别名+路径绝对路径: (1)放在public文件夹下的内容,不会经过webpack打包处理,可以直接引用, 比如:aa.png直接放在public ...
vue中引入路径的用法
一.Vue文件中引用路径的介绍 1.路径 ./ ./当前文件同级目录 2.路径 -/ -/当前文件上一级目录 3.@符号 @ 的作用是在你引入模块时,可以使用 @ 代替 /src 目录,避免易错的相对 ...
Vue中import与@import的区别及使用场景
import script中的import是js的语法, 是在js中去引用css文件 (ES6)模块化规范:默认导入语法 import 接收名称 from '模块标识符' 使用导入组件 import ...
vue中import和require的用法
Import(模块.文件)引入方式引入js文件在用的那一页,引入文件 Import tools from './tools.js' 相应的js文件,必须暴露出来引入组件 Import Hello ...
vue中通过WeixinJSBridge关闭微信公众号当前页面，返回微信公众号首页
setTimeout(function() {//这个可以关闭安卓系统的手机document.addEventListener("WeixinJSBridgeReady",func ...
【vue】vue中设置路径别名
前言转载:https://blog.csdn.net/panchang199266/article/details/90145638 在 CSS 或者 JS 中,有时候需要引入其他相关文件,若目录层 ...
vue引用import“@/路径“ 有下划线并且 crtl+鼠标无法点进去
点击file 进入到setting中选择webpack,指定到@vue\cli-service\webpack.config.js文件关闭idea重启即可,下划线就消失了CTRL+鼠标也能进到引用 ...

oracle 波浪号不识别,Vue中@import路径不能使用波浪号（~）吗？

oracle 波浪号不识别,Vue中@import路径不能使用波浪号（~）吗？相关推荐

最新文章

热门文章