关于Vue-cli引入外部js资源文件失败的一点思路
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了关于Vue-cli引入外部js资源文件失败的一点思路相关的知识，希望对你有一定的参考价值。
参考技术A 首先申明我是window系统下Vue-cli 4.5.3版本，脚手架整体基于vue2内核。1.正常js文件如果有使用export向外暴露对象，将js放在src/assets都是可以通过import直接引入。但有有些情况下我们需要导入第三方的js文件，例如近期我在做的阿里云点播视频上传SDK，包括最近在学习的ThreeJs，如果单单只是在public中index.html通过<script src="https://cdn.bootcss.com/three.js/92/three.js"></script>引入，是不够的还需要在具体vue页面引入：
这也是我尝试两天才成功，走了些弯路，希望帮助到有同样问题的打工人，共勉!
外部css引入失败
<head>
<link rel="stylesheet" type="text/css" href="css/headcss.css"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>深蓝色</title>
</head>
刚接触css。上面是head内容
下面的css
@charset "utf-8";
/* CSS Document */
<!----------------------以下为整体样式--------------------------->
#con
background-color:#F00;
height:1000px;
width:1000px;
奇怪的是：放在head内部是没问题的，但是只要做外部引入，就完全失效，任何浏览器都不行。
解决方法：备份后，一个一个删除中文注释。也许突然删除一条后你就发现成功了
补充：百度来的：
CSS 文件默认是 ANSI 编码，可能你会发现在一般情况下这样也是没有问题的，然而当 CSS 文件中包含有中文注释时就可能不尽如人意了！
保证应用程序中，HTML、JS、CSS等使用统一的编码。最好使用UTF-8 参考技术A 你这是本地的？估计是路径没写对，你预览下，然后查看下源码。看下CSS路径跟你的本地是不是相符的。 参考技术B 首先把：
<link rel="stylesheet" type="text/css" href="css/headcss.css"/>
放在<title></title>标签下面
再者 ：
查看你的css路径是否正确 参考技术C 看如上代码没啥问题，主要检查一下你在HTML部分con的定义是否有问题； 参考技术D 可能是路径错了
以上是关于关于Vue-cli引入外部js资源文件失败的一点思路的主要内容，如果未能解决你的问题，请参考以下文章