使用 Vue CLI 引入本地 JavaScript 文件出现 \"Uncaught SyntaxError: Unexpected token \'

解决 vue-cli 编译后报错 Uncaught SyntaxError: Unexpected token '

在使用 vue-cli 创建项目并引用本地 JavaScript 文件时，可能出现 Unexpected token '

正确的配置和文件路径写法：

1. 将静态资源放置在 public/static 目录中：
   将需引用的 JavaScript 文件放在项目的 public/static 目录下。

2. 在 vue.config.js 中设置 assetsDir：
   在项目的 vue.config.js 文件中，添加如下配置：

   module.exports = {
     assetsDir: 'static'
   };

3. 在 HTML 文件中引用本地 JS 文件：
   在 index.html 文件中，使用

   <script type="text/javascript" src="/static/js/test2.js"></script>

示例：

项目结构：

- project
  - public
    - static
      - test2.js
  - index.html
  - vue.config.js

vue.config.js 内容：

module.exports = {
  assetsDir: 'static'
};

index.html 内容：

<script type="text/javascript" src="/static/js/test2.js"></script>

完成以上配置后，即可正确引用本地 JavaScript 文件，消除 Unexpected token '

以上就是使用 Vue CLI 引入本地 JavaScript 文件出现 \"Uncaught SyntaxError: Unexpected token \'的详细内容，更多请关注www.sxiaw.com其它相关文章！