vue highlight如何配置?

XZIO
  • 76

RT, 搞了好一会了,还没搞成功,你们是如何配置的,我连

import Highlight from 'highlight.js'

都报错

ERROR in ./~/highlight/lib/highlight.js
Module not found: Error: Can't resolve 'fs' in 'F:\dome\node_modules\highlight\lib'
回复
阅读 4.8k
4 个回答
无痕
  • 2
新手上路,请多包涵

题主highlight装错了,我之前也遇到过这个问题,搞了几个小时。
highlight是基于node.js的库,前端用的话要使用highlight.js这个库(要加个'.js',怎么样,崩溃了没?)。
package.json里面这样加:

"highlight.js": "^9.12.0"

npm安装的话这样写:

npm install highlight.js

愿开发者门贡献代码的时候命名有意义一些,不要跟现有的库相冲突,不要这样浪费使用者的时间。

你的文件名对了没有?

import Highlight from './或许这里还有文件/highlight.js'

如果你的是一个完整的库和比较出名的组件,引用的方式也不一样。
看看下面引用jquery 和mint-ui

import $ from 'jquery'//直接写jquery不用写文件
  import Mint from 'mint-ui'
半生
  • 3
新手上路,请多包涵

试试看,在编辑器的settings.json文件中,加入以下代码:
"files.associations": {
"*.vue": "html"
}

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏