Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[taro-2.0.0]缺少resolve-url-loader #5276

Closed
Sanford284 opened this issue Jan 9, 2020 · 6 comments
Closed

[taro-2.0.0]缺少resolve-url-loader #5276

Sanford284 opened this issue Jan 9, 2020 · 6 comments
Assignees

Comments

@Sanford284
Copy link

Sanford284 commented Jan 9, 2020

问题描述

使用scss引入文件的时候,缺少resolve-url-loader,导致不能正确解析路径。
demo地址:https://github.com/yuwanlin/taro-issue/tree/5276

复现步骤

  1. 拉取demo,切换到分支5276,并安装依赖
  2. 运行yarn dev:alipay进行编译,此时编译应当失败
./src/pages/index/index.module.scss
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleNotFoundError: Module not found: Error: Can't resolve './iconfont.ttf?t=1579362263345' in '/path/taro-issue/src/pages/index'
  1. 修改/path/taro-issue/src/pages/index/assets/fonts/iconfont.scss。
url('iconfont.ttf?t=1579362263345') format('truetype');
修改为
url('assets/fonts/iconfont.ttf?t=1579362263345') format('truetype');
  1. 运行yarn dev:alipay进行编译,此时可以编译成功

期望效果

由于iconfont.scss和字体文件是同级路径,期望可以直接url('iconfont.ttf?t=1579362263345') format('truetype');引入,而不需要相对于引入iconfont.scss的文件(demo中,index.module.scss引入了iconfont.scss)写路径。

补充信息

👽 Taro v2.0.1


  Taro CLI 2.0.1 environment info:
    System:
      OS: macOS 10.14.6
      Shell: 5.3 - /bin/zsh
    Binaries:
      Node: 10.16.2 - ~/.nvm/versions/node/v10.16.2/bin/node
      Yarn: 1.17.3 - ~/.nvm/versions/node/v10.16.2/bin/yarn
      npm: 6.9.0 - ~/.nvm/versions/node/v10.16.2/bin/npm
    npmPackages:
      @tarojs/components: 2.0.1 => 2.0.1 
      @tarojs/components-qa: 2.0.1 => 2.0.1 
      @tarojs/mini-runner: 2.0.1 => 2.0.1 
      @tarojs/mobx: 2.0.1 => 2.0.1 
      @tarojs/mobx-h5: 2.0.1 => 2.0.1 
      @tarojs/router: 2.0.1 => 2.0.1 
      @tarojs/taro: 2.0.1 => 2.0.1 
      @tarojs/taro-alipay: 2.0.1 => 2.0.1 
      @tarojs/taro-h5: 2.0.1 => 2.0.1 
      @tarojs/taro-qq: 2.0.1 => 2.0.1 
      @tarojs/taro-quickapp: 2.0.1 => 2.0.1 
      @tarojs/taro-swan: 2.0.1 => 2.0.1 
      @tarojs/taro-tt: 2.0.1 => 2.0.1 
      @tarojs/taro-weapp: 2.0.1 => 2.0.1 
      @tarojs/webpack-runner: 2.0.1 => 2.0.1 
      eslint-config-taro: 2.0.1 => 2.0.1 
      eslint-plugin-taro: 2.0.1 => 2.0.1 
      nerv-devtools: ^1.5.5 => 1.5.6 
      nervjs: ^1.5.5 => 1.5.6 
      stylelint-config-taro-rn: 2.0.1 => 2.0.1 
      stylelint-taro-rn: 2.0.1 => 2.0.1 
    npmGlobalPackages:
      typescript: 3.6.3

实际项目中使用alias的方式引入字体文件,可以正确引入。

@taro-bot
Copy link

taro-bot bot commented Jan 9, 2020

欢迎提交 Issue~

如果你提交的是 bug 报告,请务必遵循 Issue 模板的规范,尽量用简洁的语言描述你的问题,最好能提供一个稳定简单的复现。🙏🙏🙏

如果你的信息提供过于模糊或不足,或者已经其他 issue 已经存在相关内容,你的 issue 有可能会被关闭。

Good luck and happy coding~

@shenghanqin shenghanqin changed the title 缺少resolve-url-loader [taro-2.0.0]缺少resolve-url-loader Jan 12, 2020
@luckyadam
Copy link
Member

能不能整一个 demo

@taro-bot
Copy link

taro-bot bot commented Jan 13, 2020

CC @luckyadam

@Sanford284
Copy link
Author

Sanford284 commented Jan 14, 2020

能不能整一个 demo

好的,不过现在比较忙,这周内补上demo

@Sanford284
Copy link
Author

能不能整一个 demo

已更新问题,并添加demo

@LampowRan
Copy link

嗯,试试

@Chen-jj Chen-jj closed this as completed Feb 20, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants