Skip to content
Watch a live product demo 👀 See how Sanity powers richer commerce experiences
Get help on SlackWatch Sanity demo

SyntaxError: Cannot Use Import Statement Outside a Module

7 replies
Last updated: Apr 30, 2021
user A
trying to fire up your awesome translation gist - where should this file live in the sanity project ? Trying to run as a script in the root and getting errors https://gist.github.com/bjoerge/6c0b5bdcd316fb3631f48bdaefaf1456 

import client from 'part:@sanity/base/client'
^^^^^^

SyntaxError: Cannot use import statement outside a module
Apr 21, 2021, 10:54 PM
Figured it out - need to run using 
sanity exec
Apr 21, 2021, 11:26 PM
👍
Apr 22, 2021, 10:53 AM
I think the code expects there to be a 
document.field._type
field that indicates which type of field it is, but it's not included in the data returned from the 
/export
endpoint: https://gist.github.com/bjoerge/6c0b5bdcd316fb3631f48bdaefaf1456#file-translate-js-L53
Can anyone from the sanity side speak to whether or not this assumption is correct or if I'm missing something?
Apr 28, 2021, 5:35 PM
user M
so I definitely am using field level translations (per that article) - at least I think I am : ) for whatever reason I'm not seeing any other fields beyond the value in the output (on the field level)
here's the schema of the document I'm trying to localize:

import { MdLocalMovies as icon } from 'react-icons/md'

export default {
  name: 'film',
  title: 'Film',
  type: 'document',
  icon,
  fields: [
    {
      name: 'title',
      title: 'Title',
      type: 'localeString',
      validation: Rule => Rule.required()
    },
    {
      name: 'filmId',
      title: 'Film Id',
      type: 'string'
    },
    {
      name: 'latinTitle',
      title: 'Latin Title',
      type: 'string'
    },
    {
      name: 'slug',
      title: 'Slug',
      type: 'slug',
      options: {
        source: 'latinTitle',
        maxLength: 200 // will be ignored if slugify is set
      },
      validation: Rule => Rule.required()
    },
    {
      name: 'releaseDate',
      title: 'Release date',
      type: 'number'
    },
    {
      name: 'subject',
      title: 'Subject',
      type: 'localeString',
    },
    {
      name: 'productionId',
      title: 'Production ID',
      type: 'string'
    },
    {
      name: 'type',
      title: 'Type',
      type: 'localeString',
    },
    {
      name: 'abstract',
      title: 'Abstract',
      type: 'localeString',
    },
    {
      title: 'Keywords',
      name: 'keywords',
      type: 'localeArray'
    },
    {
      title: 'Latin Keywords',
      name: 'latinKeywords',
      type: 'array',
      of: [{ type: 'string' }]
    },
    {
      name: 'studio',
      title: 'Studio',
      type: 'localeString',
    },
    {
      name: 'director',
      title: 'Director',
      type: 'localeString'
    },
    {
      name: 'operators',
      title: 'Operators',
      type: 'localeString'
    },
    {
      name: 'otherCreators',
      title: 'Other Creators',
      type: 'localeString'
    },
    {
      name: 'sound',
      title: 'Sound',
      type: 'string'
    },
    {
      name: 'color',
      title: 'Color',
      type: 'string'
    },
    {
      name: 'numberOfParts',
      title: 'Number of Parts',
      type: 'number'
    },
    {
      name: 'meterage',
      title: 'Meterage',
      type: 'string'
    },
    {
      name: 'oldUrl',
      title: 'Old URL',
      type: 'url',
      readOnly: true
    }
  ]
}
and the localeString schema:

import {SUPPORTED_LANGUAGES} from './languages'

export default {
    type: 'object',
    name: 'localeString',
    fields: SUPPORTED_LANGUAGES.map((lang) => ({
      name: lang.id,
      type: 'string',
      title: lang.title,
    })),
  }
Apr 30, 2021, 7:22 PM
user M
so I definitely am using field level translations (per that article) - at least I think I am : ) for whatever reason I'm not seeing any other fields beyond the value in the output (on the field level)
here's the schema of the document I'm trying to localize:

import { MdLocalMovies as icon } from 'react-icons/md'

export default {
  name: 'film',
  title: 'Film',
  type: 'document',
  icon,
  fields: [
    {
      name: 'title',
      title: 'Title',
      type: 'localeString',
      validation: Rule => Rule.required()
    },
    {
      name: 'filmId',
      title: 'Film Id',
      type: 'string'
    },
    {
      name: 'latinTitle',
      title: 'Latin Title',
      type: 'string'
    },
    {
      name: 'slug',
      title: 'Slug',
      type: 'slug',
      options: {
        source: 'latinTitle',
        maxLength: 200 // will be ignored if slugify is set
      },
      validation: Rule => Rule.required()
    },
    {
      name: 'releaseDate',
      title: 'Release date',
      type: 'number'
    },
    {
      name: 'subject',
      title: 'Subject',
      type: 'localeString',
    },
    {
      name: 'productionId',
      title: 'Production ID',
      type: 'string'
    },
    {
      name: 'type',
      title: 'Type',
      type: 'localeString',
    },
    {
      name: 'abstract',
      title: 'Abstract',
      type: 'localeString',
    },
    {
      title: 'Keywords',
      name: 'keywords',
      type: 'localeArray'
    },
    {
      title: 'Latin Keywords',
      name: 'latinKeywords',
      type: 'array',
      of: [{ type: 'string' }]
    },
    {
      name: 'studio',
      title: 'Studio',
      type: 'localeString',
    },
    {
      name: 'director',
      title: 'Director',
      type: 'localeString'
    },
    {
      name: 'operators',
      title: 'Operators',
      type: 'localeString'
    },
    {
      name: 'otherCreators',
      title: 'Other Creators',
      type: 'localeString'
    },
    {
      name: 'sound',
      title: 'Sound',
      type: 'string'
    },
    {
      name: 'color',
      title: 'Color',
      type: 'string'
    },
    {
      name: 'numberOfParts',
      title: 'Number of Parts',
      type: 'number'
    },
    {
      name: 'meterage',
      title: 'Meterage',
      type: 'string'
    },
    {
      name: 'oldUrl',
      title: 'Old URL',
      type: 'url',
      readOnly: true
    }
  ]
}
and the localeString schema:

import {SUPPORTED_LANGUAGES} from './languages'

export default {
    type: 'object',
    name: 'localeString',
    fields: SUPPORTED_LANGUAGES.map((lang) => ({
      name: lang.id,
      type: 'string',
      title: lang.title,
    })),
  }
Apr 30, 2021, 7:22 PM
Ended up giving up and writing my own script that's a bit more simple, but curious to know what I was doing wrong
Apr 30, 2021, 7:23 PM
Ended up giving up and writing my own script that's a bit more simple, but curious to know what I was doing wrong
Apr 30, 2021, 7:23 PM

Sanity.io – build remarkable experiences at scale

Sanity is a customizable solution that treats content as data to power your digital business. Free to get started, and pay-as-you-go on all plans.

Get startedWatch demo

Categorized in

Related answers

Get more help in the community Slack

TopicCategoriesFeaturedRepliesLast Updated
After adding the subtitle and running this code npm run graphql-deploy It does nothingSep 15, 2020
how to limit a reference to just one entry in Studio reference input side versus the default as-many-entries-as-you-fill-in-an-array...Sep 18, 2020
Is it possible to fetch more than one "_type" using GROQ?Nov 2, 2020
I want to add a view with the Structure builder (S.view.component) where I list similar documents based on the title. What...Sep 23, 2020
Is there a structure builder example where the format of each preview for the document list is modified?Feb 3, 2021
I have an array of references to a country schema type but it always just returns NULL values for meJan 30, 2021
Hi, I need help with a query for getting the url of an image asset. Here is what I've been trying, but I only get the _ref...Dec 1, 2020
Sanity UI looks brilliant :smiley: Is something like the current date picker possible at the moment? I’m not sure if anicon...Dec 21, 2020
Hey everyone. I have been coding and may have potentially accidentally deleted something. Does anyone know how to resolve...Dec 26, 2020
Hello everyone and happy new year :raised_hands::skin-tone-2:, I have a problem with outputting Portable Text :disappointed:...Jan 1, 2021

Related contributions

Clean Next.js + Sanity app
Template

Featured
Official

A clean example of Next.js with embedded Sanity ready for recomposition.

Cody Olsen

Blog with Built-in Content Editing
Template

Featured
Official

A Sanity-powered blog with built-in content editing and instant previews.