Question

您好我是暴动的新手我想在标签文件中导入外部模块/文件

但是Uncaught SyntaxError: Unexpected token import错误了吗??

Answer 1

我没有太多可以解决您的问题，但问题很可能是您没有使用构建过程。 import语句是ES6功能，浏览器尚不支持。您需要使用转换器（例如Babel JS等）将ES6代码转换为ES5，浏览器将支持该代码。如果您不熟悉构建javascript，那么构建Riot可能会遇到一些问题。我的流程使用Webpack，Babel和Riot tag loader。初学者的设置非常困难，但很容易找到一些很棒的资源和演练。完成后，您的webpack配置可能如下所示：

module.exports = {
  entry: './src/index.js',
  output: {
    filename: 'bundle.js',
    path: './build'
  },
  module: {
    rules: [
    {
      test: /\.tag$/,
      loader: 'riot-tag-loader',
      enforce: 'pre'
    }, {
      test: /\.(js|tag)$/,
      loader: 'babel-loader',
      exclude: /(node_modules)/
    }
  ]}
}

如果您不想包括babel，请使用好的require()

e.g。 const utils = require('./utils.js')）

但是你仍然需要一个构建过程

如何在riot js中导入外部模块？

1 个答案: