文章/答案/技术大牛

发布

社区首页 >问答首页 >无法从jsp页面访问vue组件。

问无法从jsp页面访问vue组件。
EN

Stack Overflow用户

提问于 2019-09-11 06:24:42

回答 1查看 1.6K关注 0票数 0

我正试图在jsp页面中实现一个vue组件。我尝试访问一个js文件，使用type=“模块”导入、导出语句来编写标记，并且文件已经成功加载和执行。但是，当执行js文件中的import语句时，它将返回控制台中的error：

未能加载模块脚本:服务器响应非JavaScript类型的"“。根据规范，对模块脚本实施严格的MIME类型检查。

下面是我的jsp代码

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<script type="module" src="../../../../js/serviceMap/packages/AssignList/index.js"></script>

下面是js文件中的代码片段

import OpsAssignList from './src/AssignList.vue'

OpsAssignList.install = function install(Vue) {
  Vue.component(OpsAssignList.name, OpsAssignList)
};

export default OpsAssignList

注意:我想在我现有的jsp页面和我们的独立项目中使用我的vue组件。因此，我试图使用js文件访问vue组件，包括导入组件等。

如何实现这两种程序的使用？在我的开发活动中被击中了。

附浏览器控制台图像以供参考

jsp

vue.js

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-09-13 17:26:46

当你像这样装载Vue的时候。

  <script src="https://cdn.jsdelivr.net/npm/vue@2.6.8/dist/vue.js"></script>

然后，您必须将所有内容保存在.js文件中。不要写导入statements.Even webpack将在构建后执行相同的过程，所有es6将转换为js，它将包含在app.87cbdfb9.js中。

   <script src="/your-app/js/app.87cbdfb9.js"></script>

这将包含在您的主index.html文件中，如上面所示

**对于没有webpack的独立的人*那么就像这样

<html>
<body>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

 <!-- templates for your components -->
  <template id="assign-list">
    <div>test</div>
  </template>
      <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>
      <script src="https://unpkg.com/vue-router@3.0.1/dist/vue-router.js"></script> 

      <!-- Your Vue Root component should be last -->
      <script type="text/javascript" src="/app/AssignList.js"></script> 

    </body>
    </html>

您的AssignList.js文件应该喜欢

var AssignList = Vue.component('assign-list',
  {
    template: '#assign-list', // should match the ID of template tag
    data: function()
    {

    },
    methods:
    {
    }
  });

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/57883235

复制

相似问题

问无法从jsp页面访问vue组件。
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法从jsp页面访问vue组件。EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法从jsp页面访问vue组件。
EN