美文网首页
ES模块导入问题

ES模块导入问题

作者: 微岩 | 来源:发表于2020-04-02 11:08 被阅读0次

问题描述:关于es6如何被导入使用,搜索很多资料,实际上关于如何导入,就是一句话的问题。在前端中写如下网:

<!DOCTYPE html>

<html lang="en">

    <head>

      <head>

        <title>three.js webgl - ex2</title>

        <meta charset="utf-8">

    </head>

      <body>

        <script type="module">

          import * as THREE from './node_modules/three/build/three.module.js';

        </script>

        <P>你好,three.js</P>

    </body>

</html>

实际上以上已经是导入模块的一个简单写法,通过谷歌浏览器直接打开这个网页,但是汇报以下的错误

three.module.js:1 Failed to load module script: The server responded with a non-JavaScript MIME type of "". Strict MIME type checking is enforced for module scripts per HTML spec.

解决办法:

以上问题呢,需要配置一个网页服务器,我使用的是nginx ,然后将这个网页部署到服务器中,然后启动服务器就不会产生一样的问题,网页就可以正常运行。

总结:

以上的解决方法跟遇到的问题,我相信并不是我一个人遇到的,网页如果是通过浏览器直接打开和步入到服务器中,在服务器打开实际上是不一样的,如果把网页部署到服务器中再打开就会避免很多不必要的问题,比如说本地文件的跨域访问,应该也不会出现。

还是那句话,技术很多问题都是理论与实际的联合点,多想方法,在实践中找到一种正确解决问题的方法,这才是技术所需要探寻的。

相关文章

  • ES模块导入问题

    问题描述:关于es6如何被导入使用,搜索很多资料,实际上关于如何导入,就是一句话的问题。在前端中写如下网:

  • vue 导入、导出模块的几种方式

    ES6 模块导入、导出 ES6规范 模块导入方式:importES6规范 模块导出方式:export、export...

  • export default和export的使用方式

    ES6 基本 在ES6中,也通过规范的形式,规定了ES6中如何导入和导出模块 导入模块:使用import模块名称f...

  • export default 和export的使用

    在ES6中也通过规范的形式,规定了如何导入和导出模块 es6中的导入模块 import 模块名称 from 模块标...

  • ES6的export default+export和node的m

    // 在 ES6中,也通过 规范的形式,规定了 ES6 中如何 导入 和 导出 模块// ES6中导入模块,使用...

  • ReactNative之ES6与ES5区别

    解构复制 ES5 ES6 导入模块 ES5 ES6 导出模块 ES5 ES6 ES 6语法采用export来代替m...

  • vue模块化

    ES模块化的导入和导出html部分: 模块部分: 导出部分:

  • 未来的模块机制

    概览 ES6实现了新的模块机制。在通过模块系统加载时,ES6会将文件当作独立的模块处理。每个模块都可以导入其它模块...

  • Es6中的模块默认导入导出及加载顺序

    点击此链接阅读体验更好Es6中的模块默认导入导出及加载顺序 前言 在前面一Es6中的模块化Module,导入(im...

  • SystemJS使用记录

    SystemJS提供通用的模块导入途径,支持传统模块和ES6的模块。 没有package configuratio...

网友评论

      本文标题:ES模块导入问题

      本文链接:https://www.haomeiwen.com/subject/nnntphtx.html