jjzjj

【vue】：Module not found: Error: Can‘t resolve ‘element-ui/lib/theme-chalk/fonts/index.css‘ in ‘F:\elk

Sheyami 2023-09-09 原文

问题：

【vue】：Module not found: Error: Can't resolve 'element-ui/lib/theme-chalk/fonts/index.css' in 'F:\elk-components\packages\blindBox\src'

解决办法：

下面有几种解决办法，一个一个看下去，可能是其中某一个问题，依次排除

1.找不到依赖，路径问题

查看自己项目包的安装路径，看看是否是因为包更新后文件名产生了迭代，然后更新路径名称。如：

 

 就需要把：

import 'element-ui/lib/theme-default/index.css'

改为

import 'element-ui/lib/theme-chalk/index.css'

2.看看vue以及element 版本

// 1. 利用命令查看版本
npm list vue
npm list element-ui
// 2. 直接在项目中package.json文件查看

我出错的版本 vue@2.6.14   element-ui@2.15.7 

试着更新版本

node.js安装：https://www.runoob.com/nodejs/nodejs-install-setup.html
node.js下载地址为：https://nodejs.org/en/download/
注意：Linux 上安装 Node.js 需要安装 Python 2.6 或 2.7 ，不建议安装 Python 3.0 以上版本。
nodejs及npm升级到最新版本、指定版本
node有一个模块n，是专门用来管理node.js的版本的。
1、安装n模块：
npm install -g n
2、升级node.js到最新稳定版
n stable
3、安装指定版本：
n v6.11.5
#########################################################
npm 升级到最新版本
//
npm install -g npm
npm升级到指定版本
//比如升级到5.6.0
npm install -g npm@5.6.0
#########################################################
安装最新的vue
npm install -g vue-cli — 这个命令已经废弃了3.0以后
npm install -g @vue/cli
安装指定版本的vue
npm install -g @vue/cli@版本号
例如 ：
npm install -g @vue/cli@3.11.0
卸载vue
npm uninstall -g @vue/cli
#########################################################
vue项目element-ui升级到某版本
1.npm uninstall element-ui 卸载掉当前版本
2.npm install element-ui@2.3.9 -S 安装你想要的版本，
注意element-ui@2.3.9是一项，中间没有空格
3.最后在main.js中把default修改为theme-chalk
// import 'element-ui/lib/theme-default/index.css'
import 'element-ui/lib/theme-chalk/index.css'

3.webpack配置

正解：编译出了错，webpack改一下， webpack.config.js里的loaders，module->rules加上

{
    test: /\.(png|jpg|gif|svgeot|svg|ttf|woff|woff2)$/,
    loader: "file-loader",
},

在这里哦：

 当然了，如果你已经有这个json了，只是文件类型不太全，加上文件类型就行了。

那既然说到文件类型这个问题，如果下次再出现这个问题，我们只需要把错误提示里的文件类型像前面说的一样加进去就可以了，学聪明点，举一反三。

然后关闭重新运行。（一定要注意关闭重新运行哦）

原因是：这种情况发生是因为模块解析失败,缺少.ttf格式解析模块,vue2.0以上。

有时候安装的是 url-loader ，那我们就需要安装url-loader了

贴心的放上代码

// 安装url-loader
npm install url-loader/cnpm install url-loader -D
// 安装file-loader
npm install file-loader/cnpm install file-loader -D

4.总结

  • 官网更新后，路径问题
  • 版本号问题
  • webpack的文件类型问题（记得重启）

ok，完美，lucky

lsquotheme-chalkxffxff0cxff0vue.jscssuivue

有关【vue】：Module not found: Error: Can‘t resolve ‘element-ui/lib/theme-chalk/fonts/index.css‘ in ‘F:\elk的更多相关文章

  1. ruby - i18n Assets 管理/翻译 UI - 2

    我正在使用i18n从头开始​​构建一个多语言网络应用程序，虽然我自己可以处理一大堆yml文件，但我说的语言(非常)有限，最终我想寻求外部帮助帮助。我想知道这里是否有人在使用UI插件/gem(与django上的django-rosetta不同)来处理多个翻译器，其中一些翻译器不愿意或无法处理存储库中的100多个文件，处理语言数据。谢谢&问候，安德拉斯(如果您已经在ruby​​onrails-talk上遇到了这个问题，我们深表歉意) 最佳答案 有一个rails3branchofthetolkgem在github上。您可以通过在Gemfi

  2. ruby-on-rails - rails : "missing partial" when calling 'render' in RSpec test - 2

    我正在尝试测试是否存在表单。我是Rails新手。我的new.html.erb_spec.rb文件的内容是:require'spec_helper'describe"messages/new.html.erb"doit"shouldrendertheform"dorender'/messages/new.html.erb'reponse.shouldhave_form_putting_to(@message)with_submit_buttonendendView本身，new.html.erb，有代码:当我运行rspec时，它失败了:1)messages/new.html.erbshou

  3. ruby-on-rails - Ruby on Rails : . 常量化 : wrong constant name error? - 2

    我正在使用这个:4.times{|i|assert_not_equal("content#{i+2}".constantize,object.first_content)}我之前声明过局部变量content1content2content3content4content5我得到的错误NameError:wrongconstantnamecontent2这个错误是什么意思？我很确定我想要content2=\ 最佳答案 你必须用一个大字母来调用ruby​​常量:Content2而不是content2。Aconstantnamestart

  4. ruby-on-rails - Rails 源代码 : initialize hash in a weird way? - 2

    在rails源中:https://github.com/rails/rails/blob/master/activesupport/lib/active_support/lazy_load_hooks.rb可以看到以下内容@load_hooks=Hash.new{|h,k|h[k]=[]}在IRB中，它只是初始化一个空哈希。和做有什么区别@load_hooks=Hash.new 最佳答案 查看rubydocumentationforHashnew→new_hashclicktotogglesourcenew(obj)→new_has

  5. ruby-on-rails - Rails 3 I18 : translation missing: da. datetime.distance_in_words.about_x_hours - 2

    我看到这个错误:translationmissing:da.datetime.distance_in_words.about_x_hours我的语言环境文件:http://pastie.org/2944890我的看法:我已将其添加到我的application.rb中:config.i18n.load_path+=Dir[Rails.root.join('my','locales','*.{rb,yml}').to_s]config.i18n.default_locale=:da如果我删除I18配置，帮助程序会处理英语。更新:我在config/enviorments/devolpment

  6. ruby-on-rails - 新 Rails 项目 : 'bundle install' can't install rails in gemfile - 2

    我已经像这样安装了一个新的Rails项目:$railsnewsite它执行并到达:bundleinstall但是当它似乎尝试安装依赖项时我得到了这个错误Gem::Ext::BuildError:ERROR:Failedtobuildgemnativeextension./System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/bin/rubyextconf.rbcheckingforlibkern/OSAtomic.h...yescreatingMakefilemake"DESTDIR="cleanmake"DESTDIR="

  7. ruby-on-rails - 错误 : Error installing pg: ERROR: Failed to build gem native extension - 2

    我克隆了一个rails仓库，我现在正尝试捆绑安装背景:OSXElCapitanruby2.2.3p173(2015-08-18修订版51636)[x86_64-darwin15]rails-v在您的Gemfile中列出的或native可用的任何gem源中找不到gem'pg(>=0)ruby​​'。运行bundleinstall以安装缺少的gem。bundleinstallFetchinggemmetadatafromhttps://rubygems.org/............Fetchingversionmetadatafromhttps://rubygems.org/...Fe

  8. ruby - RVM "ERROR: Unable to checkout branch ."单用户 - 2

    我在新的Debian6VirtualBoxVM上安装RVM时遇到问题。我已经安装了所有需要的包并使用下载了安装脚本(curl-shttps://rvm.beginrescueend.com/install/rvm)>rvm，但以单个用户身份运行时bashrvm我收到以下错误消息:ERROR:Unabletocheckoutbranch.安装在这里停止，并且(据我所知)没有安装RVM的任何文件。如果我以root身份运行脚本(对于多用户安装)，我会收到另一条消息:Successfullycheckedoutbranch''安装程序继续并指示成功，但未添加.rvm目录，甚至在修改我的.bas

  9. ruby - Sinatra set cache_control to static files in public folder编译错误 - 2

    我不知道为什么，但是当我设置这个设置时它无法编译设置:static_cache_control，[:public，:max_age=>300]这是我得到的syntaxerror,unexpectedtASSOC,expecting']'(SyntaxError)set:static_cache_control,[:public,:max_age=>300]^我只想将“过期”header设置为css、javaascript和图像文件。谢谢。 最佳答案 我猜您使用的是Ruby1.8.7。Sinatra文档中显示的语法似乎是在Ruby1.

  10. ruby-on-rails - 如何在 Ruby on Rails 中实现由 JSF 2.0 (Primefaces) 驱动的 UI 魔法 - 2

    按照目前的情况，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visitthehelpcenter指导。关闭10年前。问题1)我想知道ruby​​onrails是否有功能类似于primefaces的gem。我问的原因是如果您使用primefaces(http://www.primefaces.org/showcase-labs/ui/home.jsf)，开发人员无需担心javascript或jquery的东西。据我所知，JSF是一个规范，基于规范的各种可用实现，prim

随机推荐