Vue.js vue katex未渲染数学并显示大黑盒

Vue.js vue katex未渲染数学并显示大黑盒,vue.js,vue-cli,katex,Vue.js,Vue Cli,Katex,我刚刚尝试使用vue katex模块 我使用vue cli设置了一个简单的示例 $ vue init webpack-simple my-project 然后我添加了vue katex包,添加了几行代码,在页面上添加了一些katex数学内容,并启动了我的开发服务器但是,数学符号显示不正确,我的页面上显示了一个大黑框。 以下是my package.json的相关部分: "dependencies": { "vue": "^2.5.11", "vue-katex": "^0.1.2" },

我刚刚尝试使用vue katex模块

我使用vue cli设置了一个简单的示例

$ vue init webpack-simple my-project
然后我添加了
vue katex
包,添加了几行代码,在页面上添加了一些katex数学内容,并启动了我的开发服务器但是,数学符号显示不正确,我的页面上显示了一个大黑框。

以下是my package.json的相关部分:

"dependencies": {
  "vue": "^2.5.11",
  "vue-katex": "^0.1.2"
},
"browserslist": [
  "> 1%",
  "last 2 versions",
  "not ie <= 8"
],
"devDependencies": {
  "babel-core": "^6.26.0",
  "babel-loader": "^7.1.2",
  "babel-preset-env": "^1.6.0",
  "babel-preset-stage-3": "^6.24.1",
  "cross-env": "^5.0.5",
  "css-loader": "^0.28.7",
  "file-loader": "^1.1.4",
  "vue-loader": "^13.0.5",
  "vue-template-compiler": "^2.4.4",
  "webpack": "^3.6.0",
  "webpack-dev-server": "^2.9.1"
}
“依赖项”:{
“vue”:“^2.5.11”,
“vue katex”:“^0.1.2”
},
“浏览者”:[
"> 1%",
“最后两个版本”,

“不是ievue katex文档中缺少一个步骤。如果您转到父项目,您会发现在他们的演练中,他们包含一个指向外部css文件的链接。您还需要包括以下内容:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.9.0-alpha2/katex.min.css" integrity="sha384-exe4Ak6B0EoJI0ogGxjJ8rn+RN3ftPnEQrGwX59KTCl5ybGzvHGKjhPKk/KC3abb" crossorigin="anonymous">

这完美地解决了问题,我不知道为什么
vue katex的npm页面没有提到这一点-非常感谢@Djave!
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.9.0-alpha2/katex.min.css" integrity="sha384-exe4Ak6B0EoJI0ogGxjJ8rn+RN3ftPnEQrGwX59KTCl5ybGzvHGKjhPKk/KC3abb" crossorigin="anonymous">